@font-face{font-display:swap;font-family:B;font-style:normal;font-weight:400;src:url(../B.woff2) format("woff2")}::-webkit-scrollbar{display:none}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:B;line-height:.8;margin:0;text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}header{align-items:flex-end;display:flex;justify-content:space-between;position:fixed;top:15px;width:calc(100% - 40px)}header svg{height:auto;width:65px}header *{margin:0}body,header *{font-size:20px}body{color:#fff;padding:20px}h1{font-size:50px;font-weight:400;margin-top:-.05em}main{margin-block:0 30px}main p{position:relative}main>div{display:flex;justify-content:space-between}.where{display:flex;justify-content:center;margin-top:30px}.where span{border:1px solid;border-radius:100%;padding:15px 25px}main>p:last-of-type{margin-block:10px 0}.yoooooo{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;z-index:3}.yoooooo img{left:40%;position:absolute;top:0;transform:translateY(-550px);will-change:transform}.yoooooo img:first-of-type{animation:animImg0 40s linear infinite forwards}.yoooooo img:nth-of-type(2){animation:animImg1 40s linear infinite forwards}.yoooooo img:nth-of-type(3){animation:animImg2 40s linear infinite forwards}.yoooooo img:nth-of-type(4){animation:animImg3 40s linear infinite forwards}.yoooooo img:nth-of-type(5){animation:animImg4 40s linear infinite forwards}.yoooooo img:nth-of-type(6){animation:animImg5 40s linear infinite forwards}.yoooooo img:nth-of-type(7){animation:animImg6 40s linear infinite forwards}.yoooooo img:nth-of-type(8){animation:animImg7 40s linear infinite forwards}.yoooooo img:nth-of-type(9){animation:animImg8 40s linear infinite forwards}.yoooooo img:nth-of-type(10){animation:animImg9 40s linear infinite forwards}@keyframes animImg0{0%{transform:translateY(115vh) rotate(20deg)}10%,to{transform:translateY(-500px) rotate(35deg)}}@keyframes animImg1{0%,10%{transform:translate(100px,115vh) rotate(20deg)}20%,to{transform:translate(100px,-500px) rotate(35deg)}}@keyframes animImg2{0%,20%{transform:translate(-200px,115vh) rotate(120deg)}30%,to{transform:translate(-100px,-500px) rotate(50deg)}}@keyframes animImg3{0%,30%{transform:translateY(115vh) rotate(20deg)}40%,to{transform:translate(50px,-500px) rotate(-10deg)}}@keyframes animImg4{0%,40%{transform:translateY(115vh) rotate(20deg)}50%,to{transform:translate(50px,-500px) rotate(-10deg)}}@keyframes animImg5{0%,50%{transform:translateY(115vh) rotate(20deg)}60%,to{transform:translate(50px,-500px) rotate(-10deg)}}@keyframes animImg6{0%,60%{transform:translateY(115vh) rotate(0)}70%,to{transform:translate(50px,-500px) rotate(20deg)}}@keyframes animImg7{0%,70%{transform:translateY(115vh) rotate(20deg)}80%,to{transform:translate(50px,-500px) rotate(-10deg)}}@keyframes animImg8{0%,80%{transform:translateY(115vh) rotate(-10deg)}90%,to{transform:translate(50px,-500px) rotate(20deg)}}@keyframes animImg9{0%,90%{transform:translateY(115vh) rotate(-10deg)}to{transform:translate(50px,-500px) rotate(20deg)}}@media (max-width:768px){.yoooooo{display:none}main{margin-block:40px 0}main>div{margin-block:15px}}@media (min-width:768px){header svg{width:80px}header *{font-size:25px}body{font-size:30px}h1{font-size:100px}}@media (min-width:1024px){body{font-size:30px}h1{font-size:140px}}@media (min-width:1280px){body{font-size:40px}h1{font-size:170px}}