diff --git a/css/main.css b/css/main.css index 4b5bc02..c9cce24 100644 --- a/css/main.css +++ b/css/main.css @@ -5,3 +5,48 @@ html { *, *::before, *::after { box-sizing: inherit; } + +body { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + margin: 0; +} + +.left, .right { + position: absolute; + top: 0; + bottom: 0; + width: 50%; +} + +.right { + right: 0; +} +.left { + left: 0; + text-align: right; +} + +.left h1 { + position: absolute; + padding-right: 1em; + height: 1em; + line-height: 1em; + font-size: 4rem; + margin: 0; + width: 100%; + + font-family: IBM Plex Serif; +} + +.left h1:first-of-type { + top: calc( 50% - 1em ); + font-weight: 800; +} +.left h1:last-of-type { + bottom: calc( 50% - 1em ); + font-weight: 400; +} diff --git a/index.html b/index.html index 6b688b7..f4139eb 100644 --- a/index.html +++ b/index.html @@ -27,6 +27,10 @@
-