(Created page with "<html> <style> html, body { margin:0; bottom:0; overflow-x: hidden; } #top_title{ di...") |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<style> | <style> | ||
− | + | body, | |
− | + | html{ | |
− | + | overflow:hidden | |
− | + | } | |
− | + | #container{ | |
− | + | height: 100vh; | |
− | + | width: 100vw; | |
− | + | background-color:#121212; | |
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | display: flex; | ||
+ | } | ||
+ | #bodyContent h1 { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #title{ | ||
+ | text-align: center; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #container #title h3, #container #title h1{ | ||
+ | color: #6281EF; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'lato-heavy' | ||
+ | } | ||
+ | #container #title h1{ | ||
+ | font-size: 6em | ||
+ | } | ||
+ | #container #title #lower{ | ||
+ | color: transparent; | ||
+ | stroke-color: white; | ||
+ | opacity:0.4 | ||
+ | } | ||
+ | #container #title #lower-wrapper{ | ||
+ | position:relative; | ||
+ | top: -70px; | ||
+ | left: 10px; | ||
+ | mix-blend-mode: multiply; | ||
+ | } | ||
+ | @media (max-width:768px){ | ||
+ | #container #title h1{ | ||
+ | font-size: 2em | ||
+ | } | ||
+ | #container #title #lower-wrapper{ | ||
+ | top: -25px; | ||
+ | left: 5px; | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
+ | </head> | ||
</html | </html |
Latest revision as of 12:12, 22 July 2020