*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}@font-face{font-family:GameOver;src:url(/fonts/GameOver.woff)}@font-face{font-family:"04B";src:url(/fonts/04B.TTF)}:root{--white: #ffffff;--black: #000000;--gray: #757575}header{display:flex;justify-content:space-between;align-items:center;margin:32px 48px;background-color:var(--black)}header img{width:32px;height:32px;object-fit:contain}header nav{display:flex;flex-direction:column;gap:8px}header nav ul{display:flex;list-style:none;gap:32px}header nav ul li a{text-decoration:none;font-family:GameOver;color:var(--gray)}header nav ul li .active{color:var(--white)}header .burger{display:none}@media screen and (max-width: 1024px){header .burger{display:flex;position:relative;background-color:var(--white);margin-top:8px}header .burger,header .burger:before,header .burger:after{height:3px;width:30px}header .burger:before,header .burger:after{content:"";position:absolute;z-index:10;backdrop-filter:invert(1);-webkit-backdrop-filter:invert(1);transition:all .3s}header .burger:before{top:-8px}header .burger:after{top:8px}header nav{position:fixed;top:-400px;right:0;background-color:var(--white);width:250px;height:400px;padding:32px;transform:translateY(0);transition:transform .5s cubic-bezier(.075,.62,.865,1);justify-content:flex-end}header nav ul{flex-direction:column}header nav ul li .active{color:var(--black)}.is-visible nav{transform:translateY(100%)}.is-visible .burger:before{transform:rotate(45deg);top:0}.is-visible .burger:after{transform:rotate(-45deg);top:0}}main{display:flex;margin:32px 48px;justify-content:space-between;color:var(--white);min-height:80vh;align-items:center;gap:32px}main .left{width:50%;gap:50px}main .left h1{font-size:6.5rem;font-family:GameOver;font-weight:lighter;margin:32px 0}main .left .desc{display:flex;align-items:center;padding:24px;gap:32px;background-color:var(--white);max-width:100ch}main .left .desc .picture{width:148px;height:148px;background-image:url(/imgs/fita.png);background-color:var(--black);background-size:cover;background-repeat:no-repeat;background-position:bottom}main .left .desc p{flex:1;font-size:1.1rem;font-family:"04B";max-width:40ch;color:var(--black)}main .right{background-image:url(/imgs/ghost.jpg);background-repeat:no-repeat;background-size:contain;background-position:center;width:50%;height:70ch}main .indicator{position:fixed;top:calc(50% - 60px);right:18px}main .indicator div{margin:12px 0;width:12px;height:12px;background-color:var(--gray)}main .indicator .active{background-color:#fff}@media screen and (max-width: 1024px){main .left{width:100%}main .right{display:none}}@media screen and (max-width: 580px){main .left h1{font-size:3rem}main .left .desc{flex-direction:column}main .left .desc p{font-size:1rem}}body{background-color:var(--black)}