*,:after,:before{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html{-webkit-scroll-snap-type:y proximity;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}footer,section{scroll-snap-align:center}@media screen and (max-width:750px){html{-webkit-scroll-snap-type:proximity;-ms-scroll-snap-type:proximity;scroll-snap-type:proximity}section{scroll-snap-align:start}footer{scroll-snap-align:end}}.intro{height:100vh;background-image:url(/mctrade-react-v2/static/media/intro-background.595a6e3e.png);background-attachment:fixed;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center}.intro>.heading{font-family:"Lora",serif;font-size:60px;color:#fff;font-weight:500}.intro>.subheading{font-family:"Poppins",sans-serif;font-size:25px;color:#e0b084}.intro-mobile{display:none;background-color:#041b2d}.intro>.logo-container{max-width:50%;max-height:50%}.intro>.logo-container>img{width:100%}.arrow{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}.arrow span{display:block;width:15px;height:15px;border-bottom:3px solid #e0b084;border-right:3px solid #e0b084;transform:rotate(45deg);margin:-10px;-webkit-animation:animate 2s infinite;animation:animate 2s infinite}.arrow span:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.arrow span:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}@-webkit-keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@-webkit-keyframes willworklikethis{0%{opacity:0;transform:rotate(135deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(135deg) translate(20px,20px)}}@keyframes willworklikethis{0%{opacity:0;transform:rotate(135deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(135deg) translate(20px,20px)}}@-webkit-keyframes constantTop{0%{opacity:.2;transform:translateY(-35px)}50%{opacity:1}to{opacity:0;transform:translateY(-45px)}}@keyframes constantTop{0%{opacity:.2;transform:translateY(-35px)}50%{opacity:1}to{opacity:0;transform:translateY(-45px)}}@media screen and (max-width:765px){.intro-section{height:100vh}.intro{display:none}.intro-mobile{display:flex;justify-content:center;align-items:center;height:100%}.intro-mobile>.logo-container>img{-webkit-animation:animateLogo 1s ease-out;animation:animateLogo 1s ease-out}}@-webkit-keyframes animateLogo{0%{opacity:0}to{opacity:1}}@keyframes animateLogo{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.443f06c3.chunk.css.map */