diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/website.css | 80 |
1 files changed, 64 insertions, 16 deletions
diff --git a/css/website.css b/css/website.css index 77e8626..bb4c639 100644 --- a/css/website.css +++ b/css/website.css @@ -1,10 +1,12 @@ html { color: rgba(220,220,220); - background-color: #181a1b; + background-color: #141516; + background-size: 40px 40px; + background-image: radial-gradient(circle, #242424 1px, rgba(0, 0, 0, 0) 1px); } body { - height: 100vh; + min-height: 100vh; font-family: 'Inter'; line-height: 1.7; margin: 0; @@ -18,6 +20,7 @@ body { flex-direction: row; justify-content: center; align-items: center; + margin-top: -20px; } .content { @@ -51,10 +54,19 @@ h1 { line-height: normal; font-size: 300%; color: #de6b15; + /* text-shadow: 0 0 70px #c76317; */ +} + +.h1t { + margin-top: 20px; + font-size: 500%; + margin-bottom: 0px; + /* text-align: center; */ } h2 { - font-size: 200% + font-size: 200%; + /* text-shadow: 0 0 50px #8d8d8d; */ } h3 { @@ -152,8 +164,6 @@ a:hover { .wrbox { background-color: rgba(0, 0, 0, 0.411); - margin-bottom: 20px; - margin-top: 40px; display: flex; flex-direction: row; align-self: center; @@ -172,23 +182,61 @@ a:hover { background-color: #0000004d; } -.homebutton -{ - margin: 40px 0px 0px 40px; +.reveal_content { +/* transform: translateY(100%); */ +animation: reveal 1.7s forwards; +animation-delay: .5s; +} + +@keyframes reveal { +from { + text-shadow: 0 0 0px #c7631700; +} +to { + text-shadow: 0 0 100px; +} +} + +body { +visibility: hidden; +animation: reveal2 1s forwards; +} + +@keyframes reveal2 { +from { + opacity: 0; +} +to { + visibility: visible; +} +} + +.footer { + display: flex; + justify-content: center; + margin: 40px; +} + +.header { + display: flex; + justify-content: left; + margin: 40px; +} + +.header .wrlabel { + margin-right: 10px; } @media only screen -and (max-device-width: 600px) +and (max-device-width: 900px) { -.homebutton +.header { - margin: 10px 0px 0px 10px; + margin: 10px; } - -.wrbox +.h1t { - padding-bottom: 5px; -} + font-size: 300%; } - +}
\ No newline at end of file |