.topscroll{background-color:#0a110b;height:80vh;position:relative;overflow:hidden}.topscroll__container{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:80vh;display:flex;position:absolute;top:0}.topscroll__text{text-align:center;text-transform:uppercase;letter-spacing:.1rem;color:#ff234f;margin:0;font-size:1.3rem;font-weight:700}.topscroll__close{cursor:pointer;background:#0a110b;border:4px solid #ff234f;border-radius:45px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;top:10px;right:10px}.topscroll__close-bar{background-color:#fff;width:25px;height:2px;display:block;transform:rotate(45deg)}.topscroll__close-bar:before{content:"";background-color:#fff;width:25px;height:2px;display:block;transform:rotate(-90deg)}.topscroll__arrow-box{cursor:pointer;width:50px;height:120px;position:absolute;bottom:-50px;left:calc(50% - 25px)}.topscroll__arrow{background-color:#fff;border-radius:50px;animation:3s ease-in-out infinite alternate move-arrow;box-shadow:0 7px 29px #64646f33}.topscroll img{width:100%}@media (orientation:landscape){.img__vert{display:none}.img__hor{display:block}}@media (orientation:portrait){.img__vert{display:block}.img__hor{display:none}}@keyframes move-arrow{0%{transform:translateY(0)}to{transform:translateY(80px)}}