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

refactor: update css

Browse source
This commit is contained in:
uncenter 2024-03-06 17:06:01 -05:00 • committed by GitHub
parent dbccbaef74
commit 85a3bb804b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 56 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

113
style.css
View file

@ -1,57 +1,61 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
background-color: #303446; background-color: #303446;
color: #4c4f69; color: #4c4f69;
font-family: "Figtree", Arial, sans-serif; font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
} }
.container {
display: block; p {
margin-left: auto; font-size: 2em;
margin-right: auto; margin: 10px;
width: 75%; text-align: center;
grid-gap: 20px; color: #c6d0f5;
} }
ul {
padding: 0; a {
color: #8caaee;
} }
.divs { a:hover {
border: 2px solid #ef9f76; color: #85c1dc;
border-radius: 10px;
padding: 0;
} }
a:visited {
color: #ca9ee6;
}
h1 { h1 {
margin-bottom: 2px; margin-bottom: 2px;
margin-top: 2px; margin-top: 2px;
font-size: 3.5em; font-size: 3em;
color: #c6d0f5; color: #c6d0f5;
text-align: center; text-align: center;
} }
h2 { h2 {
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 3em; font-size: 2em;
color: #c6d0f5; color: #c6d0f5;
text-align: center; text-align: center;
} }
h4 { h3 {
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 2.5em; font-size: 1.5em;
color: #ef9f76; color: #ef9f76;
text-align: center; text-align: center;
} }
footer {
text-align: center; ul {
border-top: 2px; padding: 0;
padding-top: 5px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 80%;
color: #c6d0f5
} }
li { li {
font-size: 1.5em; font-size: 1.5em;
text-align: center; text-align: center;
@ -59,7 +63,26 @@ li {
color: #c6d0f5; color: #c6d0f5;
margin-bottom: 1.5px; margin-bottom: 1.5px;
} }
.button {
footer {
margin: 0 auto;
color: #c6d0f5;
display: flex;
flex-direction: column;
text-align: center;
gap: 2rem;
}
.socials {
display: flex;
margin-right: auto;
margin-left: auto;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.socials a {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
text-decoration: none; text-decoration: none;
color: #c6d0f5; color: #c6d0f5;
@ -69,43 +92,19 @@ li {
text-align: center; text-align: center;
font-size: 1.25em; font-size: 1.25em;
margin: 5px; margin: 5px;
line-height: 1.75em line-height: 1.75em;
} }
.button:hover { .socials a:hover {
background-color: #ef9f76; background-color: #ef9f76;
color: #292c3c; color: #292c3c;
border-color: #fab387; border-color: #fab387;
} }
a {
color: #8caaee hr {
}
a:hover {
color: #85c1dc
}
a:not(.button):visited {
color: #ca9ee6
}
.batton {
display: flex;
margin-right: auto;
margin-left: auto;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.nya {
height: 2px; height: 2px;
width: 80%; width: 80%;
background-color: #949cbb; background-color: #949cbb;
margin-left: auto; border: none;
margin-right: auto; margin: 1.5rem auto;
margin-bottom: 10px;
margin-top: 10px;
box-shadow: 0 0 5px 0px #949cbb; box-shadow: 0 0 5px 0px #949cbb;
} }
@media screen and (max-width:750px) {
#e {
padding: 0px;
margin-left: 0px
}
}