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

css changes !!

Browse source 
featuring @uncenter helping me :3
This commit is contained in:
Gen 2024-03-06 13:21:37 -08:00 • committed by GitHub
parent fc8bd432b0
commit ddaaa0e11b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
style.css
View file

@ -1,13 +1,11 @@
* { * {
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: "Figtree", Arial, sans-serif;
} }
.container { .container {
display: block; display: block;
margin-left: auto; margin-left: auto;
@ -15,37 +13,32 @@ body {
width: 75%; width: 75%;
grid-gap: 20px; grid-gap: 20px;
} }
.divs { .divs {
border: 2px solid #ef9f76; border: 2px solid #ef9f76;
border-radius: 10px; border-radius: 10px;
padding: 5px; padding: 5px;
} }
h1 { h1 {
margin-bottom: 2px; margin-bottom: 2px;
margin-top: 2px; margin-top: 2px;
font-size: 4em;
color: #c6d0f5;
text-align: center;
}
h2 {
margin-top: 2px;
margin-bottom: 2px;
font-size: 3em; font-size: 3em;
color: #c6d0f5; color: #c6d0f5;
text-align: center; text-align: center;
} }
h2 {
h3 { margin-top: 2px;
margin-bottom: 10px; margin-bottom: 2px;
margin-top: 3px; font-size: 2em;
font-size: 1.75em; color: #c6d0f5;
text-align: center;
}
h4 {
margin-top: 2px;
margin-bottom: 2px;
font-size: 1.5em;
color: #ef9f76; color: #ef9f76;
text-align: center; text-align: center;
} }
footer { footer {
text-align: center; text-align: center;
border-top: 2px; border-top: 2px;
@ -56,22 +49,12 @@ footer {
width: 80%; width: 80%;
color: #c6d0f5 color: #c6d0f5
} }
h4 {
margin-top: 2px;
margin-bottom: 2px;
font-size: 2.5em;
color: #ef9f76;
text-align: center;
}
p { p {
font-size: 2em; font-size: 2em;
margin: 10px; margin: 10px;
text-align: center; text-align: center;
color: #c6d0f5 color: #c6d0f5
} }
#h { #h {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
@ -79,7 +62,6 @@ p {
color: #c6d0f5; color: #c6d0f5;
font-weight: bold; font-weight: bold;
} }
#e { #e {
font-size: 2em; font-size: 2em;
text-align: center; text-align: center;
@ -87,7 +69,6 @@ p {
color: #c6d0f5; color: #c6d0f5;
margin-bottom: 1.5px; margin-bottom: 1.5px;
} }
.shit { .shit {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
@ -100,7 +81,6 @@ p {
text-align: center; text-align: center;
font-size: 1.25em; font-size: 1.25em;
} }
.button { .button {
padding: 5px; padding: 5px;
border: 1px solid #ef9f76; border: 1px solid #ef9f76;
@ -114,37 +94,28 @@ p {
margin: 5px; margin: 5px;
line-height: 1.75em line-height: 1.75em
} }
.button:hover { .button:hover {
background-color: #ef9f76; background-color: #ef9f76;
color: #292c3c; color: #292c3c;
border-color: #fab387; border-color: #fab387;
} }
a { a {
color: #8caaee color: #8caaee
} }
a:hover { a:hover {
color: #85c1dc color: #85c1dc
} }
a:visited { a:visited {
color: #ca9ee6 color: #ca9ee6
} }
.batton { .batton {
display: grid; display: flex;
width: 25%;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 1px; flex-wrap: wrap;
} }
.meow { .meow {
height: 2px; height: 2px;
width: 80%; width: 80%;
@ -154,7 +125,6 @@ a:visited {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
} }
.nya { .nya {
height: 2px; height: 2px;
width: 80%; width: 80%;
@ -165,20 +135,13 @@ a:visited {
margin-top: 10px; margin-top: 10px;
box-shadow: 0 0 5px 0px #949cbb; box-shadow: 0 0 5px 0px #949cbb;
} }
@media screen and (max-width:750px) { @media screen and (max-width:750px) {
#h { #h {
padding: 0px; padding: 0px;
margin-left: 0px margin-left: 0px
} }
#e { #e {
padding: 0px; padding: 0px;
margin-left: 0px margin-left: 0px
} }
.button-container {
display: flex;
}
} }