From e82a50e9cb2a9a7e725732d362adae0f9f04f5cb Mon Sep 17 00:00:00 2001
From: "Mr. shawshank" <106581569+Mr-Shawshank@users.noreply.github.com>
Date: Wed, 5 Jun 2024 19:14:54 -0700
Subject: [PATCH] Update styles.css

---
 styles.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 73c7481..6b0ded9 100644
--- a/styles.css
+++ b/styles.css
@@ -1,2 +1 @@
-/* Basic resets and styling */
-*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;background-color:#152116;color:#565D5C;}header{position:fixed;width:100%;background:#1E322A;padding:10px 0;z-index:1000;transition:top 0.3s;}nav{text-align:center;}nav ul{list-style:none;display:inline-block;margin:0;padding:0;}nav ul li{display:inline-block;margin:0 10px;}nav ul li a{color:#AF3721;text-decoration:none;font-size:18px;}@media only screen and (max-width:768px){nav ul{display:none;position:absolute;top:50px;left:0;width:100%;background:#1E322A;text-align:center;}nav ul li{display:block;margin:10px 0;}nav ul li a{display:block;padding:10px 0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.section{padding:60px 20px;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn 1s ease-in;}.hidden{animation:fadeOut 1s ease-out;}
+*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;background-color:#152116;color:#565D5C;}header{position:fixed;width:100%;background:#1E322A;padding:10px 0;z-index:1000;transition:top 0.3s;}nav{text-align:center;}nav ul{list-style:none;display:inline-block;margin:0;padding:0;}nav ul li{display:inline-block;margin:0 10px;}nav ul li a{color:#AF3721;text-decoration:none;font-size:18px;}@media only screen and (max-width:768px){nav ul{display:none;position:absolute;top:50px;left:0;width:100%;background:#1E322A;text-align:center;padding-top:10px;}nav ul li{display:block;margin:10px 0;}nav ul li a{display:block;padding:10px 0;}}.section{padding:60px 20px;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background:url('images/background.jpg') no-repeat center center/cover;z-index:-1;filter:blur(8px);}.about-container{display:flex;align-items:center;flex-wrap:wrap;gap:20px;max-width:1000px;margin:0 auto;}.about-container img{width:250px;height:auto;border-radius:0;}.about-text{max-width:600px;}.tracks-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;}.tracks-container audio{width:100%;}.instagram-links a{color:#AF3721;text-decoration:none;font-size:20px;}.instagram-reels{display:flex;flex-direction:column;align-items:center;gap:20px;}.contact-container form{display:flex;flex-direction:column;width:300px;}.contact-container form input,.contact-container form textarea{margin:10px 0;padding:10px;border:1px solid #535345;border-radius:5px;background-color:#1E322A;color:#565D5C;}.contact-container form button{padding:10px;background-color:#AF3721;border:none;border-radius:5px;color:#152116;cursor:pointer;font-size:16px;}.contact-container form button:hover{background-color:#565D5C;}footer{background:#1E322A;color:#AF3721;text-align:center;padding:20px 0;position:relative;bottom:0;width:100%;}footer .social-links{display:flex;justify-content:center;margin-bottom:10px;}footer .social-links a{color:#AF3721;font-size:24px;margin:0 10px;transition:color 0.3s;}footer .social-links a:hover{color:#565D5C;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.section{animation:fadeIn 1s ease-in;}.hidden{animation:fadeOut 1s ease-out;}