@font-face {
  font-family:'Cyberpunk';
  src:url('fonts/CyberpunkWaifus.ttf') format('truetype');
}
@font-face {
  font-family:'OldeEnglish';
  src:url('fonts/OldeEnglish.ttf') format('truetype');
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:black;color:white;height:100vh;overflow:hidden;font-family:Cyberpunk,sans-serif}
.video-bg{position:fixed;inset:0;z-index:-2}
.video-bg video{width:100%;height:100%;object-fit:cover}
.left{position:absolute;top:-.5em;left:-.5em;width:270px;font-size:13px;line-height:1.25;text-transform:uppercase;white-space:pre-line}
@media(max-width:768px){.left{max-height:210px;overflow:hidden}}
.center-block{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left}
.hey{font-size:21px;margin-bottom:2px}
.dot{visibility:hidden}
.line{font-size:21px;white-space:nowrap}
.jordi-anchor{font-family:OldeEnglish,serif;font-size:40px}
.menu{position:absolute;bottom:60px;right:56px;text-align:right}
.menu .top{font-size:13px;text-transform:uppercase}
.menu .top a{margin-left:16px;color:white;text-decoration:none}
.menu .bottom{margin-top:28px;font-size:18px;text-transform:lowercase;position:relative;right:24px}
.menu .bottom a,.menu .bottom span{margin-left:22px;color:white;text-decoration:none}