diff --git a/style.css b/style.css index 7b9e4f1..d12eb86 100644 --- a/style.css +++ b/style.css @@ -10,7 +10,7 @@ body { background-attachment: fixed; background-color: #111111; color: #4c4f69; - font-family: "Polestar Unica77 TT", Arial, sans-serif; + font-family: "Figtree", Arial, sans-serif; } .container { @@ -20,22 +20,21 @@ body { width: 75%; grid-gap: 20px; backdrop-filter: blur(15px); - -webkit-backdrop-filter: blur(15px); - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(35, 38, 52, 0.35); } .divs { - border: 2px solid #fe640b; + border: 2px solid #ef9f76; border-radius: 10px; padding: 10px; - box-shadow: 0 0 10px 0px #fe640b; + box-shadow: 0 0 10px 0px #ef9f76; } h1 { margin-bottom: 2px; margin-top: 2px; font-size: 4em; - color: #11111b; + color: #c6d0f5; text-align: center; } @@ -43,7 +42,7 @@ h2 { margin-top: 2px; margin-bottom: 2px; font-size: 3em; - color: #11111b; + color: #c6d0f5; text-align: center; } @@ -51,7 +50,7 @@ h3 { margin-bottom: 10px; margin-top: 3px; font-size: 1.75em; - color: #fab387; + color: #ef9f76; text-align: center; } @@ -63,14 +62,14 @@ footer { margin-left: auto; margin-right: auto; width: 80%; - color: #cdd6f4 + color: #c6d0f5 } h4 { margin-top: 2px; margin-bottom: 2px; font-size: 2.5em; - color: #fab387; + color: #ef9f76; text-align: center; } @@ -78,14 +77,14 @@ p { font-size: 2em; margin: 10px; text-align: center; - color: #cdd6f4 + color: #c6d0f5 } #h { font-size: 2.5em; text-align: center; list-style-type: none; - color: #cdd6f4; + color: #c6d0f5; font-weight: bold; } @@ -93,17 +92,17 @@ p { font-size: 2em; text-align: center; list-style-type: none; - color: #cdd6f4; + color: #c6d0f5; margin-bottom: 1.5px; } .shit { display: inline-block; padding: 5px; - border: 1px solid #fab387; + border: 1px solid #ef9f76; padding-right: 5px; text-decoration: none; - color: #cdd6f4; + color: #c6d0f5; border-radius: 5px; font-weight: bold; text-align: center; @@ -112,10 +111,10 @@ p { .button { padding: 5px; - border: 1px solid #fab387; + border: 1px solid #ef9f76; text-decoration: none; - color: #cdd6f4; - background-color: #313244; + color: #c6d0f5; + background-color: #414559; border-radius: 5px; font-weight: bold; text-align: center; @@ -125,21 +124,21 @@ p { } .button:hover { - background-color: #fab387; - color: #04a5e5; - border-color: #1e1e2e; + background-color: #ef9f76; + color: #292c3c; + border-color: #fab387; } a { - color: #04a5e5 + color: #8caaee } a:hover { - color: #04a5e5 + color: #85c1dc } a:visited { - color: #8839ef + color: #ca9ee6 } .batton { @@ -157,7 +156,7 @@ a:visited { .meow { height: 2px; width: 80%; - background-color: #f5a97f; + background-color: #ef9f76; margin-left: auto; margin-right: auto; margin-bottom: 10px; @@ -167,7 +166,7 @@ a:visited { .nya { height: 2px; width: 80%; - background-color: #1e1e2e; + background-color: #292c3c; margin-left: auto; margin-right: auto; margin-bottom: 10px;