main{align-items:center;display:flex;height:100dvh;justify-content:center;top:0}nav{transform:translateY(-70px);transition:transform .5s ease}#onload{align-items:center;display:flex;height:100%;justify-content:center;width:100%;& #logo{display:none;opacity:0;position:absolute;transition:transform 1s ease,opacity 1s ease;width:clamp(60px,20vh,70px);& .st0,& .st2,& .st3{stroke-width:0;transition:stroke-width .5s ease}&.animate{display:inline;opacity:1;transform:scale(1.2);& .st0,& .st2,& .st3{stroke-width:70px}}}& p{font-family:Lexend,sans-serif;font-size:clamp(30px,10vw,100px);font-weight:700;position:absolute;& span{display:inline-block;opacity:0;transition:opacity 1s ease;&#dot{display:inline-block;margin:0;opacity:0;padding:0;position:relative;transition:none;&.fold{filter:blur(2px);opacity:0;transform:translate(-25px) scale(.5)}}}}& #intro{position:relative;& #name{color:#fff;display:inline-block;opacity:1;position:relative;span{color:inherit;transition:opacity 1s ease,color .3s ease}&:after{background-color:#fff;bottom:5%;content:"";height:10%;left:0;position:absolute;transition:width 1.1s ease;width:0;z-index:-1}&.draw:after{width:100%}}}}