genshibe/website
genshibe/website
1
1
Fork 0
mirror of https://github.com/GenShibe/website.git synced 2025-02-12 17:44:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix fonts and coloration

Browse source
This commit is contained in:
Gen 2024-03-04 15:55:59 -08:00
parent c9959e441f
commit 2236b98313
No known key found for this signature in database
GPG key ID: CE5EAD50DD5E2278
1 changed files with 25 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
style.css
View file

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