Line 2: | Line 2: | ||
<head> | <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> | </head> | ||
</html | </html |
Latest revision as of 12:12, 22 July 2020