@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;font-family:poppins,"sans-serif"}*,:after,:before,body,html{margin:0;padding:0}main{background-color:#2d2d2d;height:100vh;overflow-x:hidden;perspective:10px}.perspective{animation:perspective 3s linear}@keyframes perspective{0%{perspective:150px}to{perspective:10px}}.container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;transform-style:preserve-3d;z-index:-1}#bg{height:100vh;object-fit:cover;transform:translateZ(-89px) scale(10);width:100%;z-index:-10}#bg,#fg{position:absolute}#fg{bottom:-40%;transform:translateZ(-10px) scale(2);z-index:-1}.container h1{color:#fff;font-size:10rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #000;text-transform:uppercase;top:13rem;transform:translateX(-50%)}#header{position:absolute;transform:translateZ(-50px) scale(5);z-index:-4}section{background:#2d2d2d;color:#fff;padding:0}section h2{font-size:5rem;padding:0 10rem}.content{-webkit-line-clamp:20;-webkit-box-orient:vertical;display:-webkit-box;margin:5rem 0;max-height:35.75rem;overflow:hidden;padding:0 2rem;text-align:justify!important;text-overflow:ellipsis}@media (max-width:1600px){.content{font-size:1rem;padding:0 1rem}}@media (max-width:500px){.content{font-size:12px!important;padding:0 1rem}}@media (max-width:1280px){.content{font-size:16px!important;padding:0 1rem}}.bg1{background-image:url(/static/media/ad-1.627a3ce27eabd07085c8.jpg)}.bg2{background-image:url(/static/media/ad-2.caa54f1217b13a19286c.jpg)}.bg3{background-image:url(/static/media/ad-3.db4190198bb67be3c562.webp)}.bg4{background-image:url(/static/media/bg1.4aab08bf7da2ca850ee2.jpg)}.box{background-attachment:fixed;background-position:50%;background-size:cover;height:500px;position:relative;width:100%;h4{font-size:3.5rem}}.box h4{background-color:#000000b3;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;font-weight:700;left:50%;letter-spacing:1px;padding:10px 20px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:background-color .3s ease}.box:hover h4{background-color:#000000e6}.animate-from-above{animation:moveFromAbove 8s linear}@keyframes moveFromAbove{0%{opacity:0;transform:translateY(-100%) rotate(90deg) scale(.2)}40%{opacity:1;transform:translateY(0) translateZ(-40px) scale(4) rotate(0deg)}55%{transform:translateY(0) translateZ(-40px) scale(3.5) rotate(0deg)}72%{transform:translateY(0) translateZ(-40px) scale(3) rotate(0deg)}74%{transform:translate(1px,1px) translateZ(-40px) scale(3) rotate(-2deg)}80%{transform:translate(-1px,-2px) translateZ(-40px) scale(3) rotate(-5deg)}85%{transform:translate(-3px) translateZ(-40px) scale(3) rotate(5deg)}88%{transform:translate(3px,2px) translateZ(-40px) scale(3) rotate(0deg)}91%{transform:translate(1px,-1px) translateZ(-40px) scale(3) rotate(3deg)}94%{transform:translate(-1px,2px) translateZ(-40px) scale(3) rotate(-3deg)}96%{transform:translate(-3px,1px) translateZ(-40px) scale(3) rotate(0deg)}98%{transform:translate(3px,1px) translateZ(-40px) scale(3) rotate(-1deg)}99%{transform:translate(-1px,-1px) translateZ(-40px) scale(3) rotate(1deg)}to{transform:translateY(0) translateZ(-40px) scale(3) rotate(0deg)}}.animate-text{animation:textAnimation 3s ease-in-out}@keyframes textAnimation{0%{opacity:0;top:100%}to{opacity:1;top:50%}}.singleImage{height:250px;margin:0 auto;object-fit:cover;width:400px}.content{font-size:1.5rem;margin:1rem 0;max-width:100%;text-align:center}.contentContainer{align-items:center;display:flex;justify-content:center}.contentLeft{margin:1rem}@media (max-width:1227px){.singleImage{height:auto;max-width:100%}.contentContainer{flex-wrap:wrap}.contentLeft{display:flex;flex:1 1;flex-direction:row;justify-content:space-around}}@media (max-width:767px){.singleImage{width:100%}.contentLeft{flex-direction:column}}@keyframes animateFromTopLeft{0%{opacity:0;transform:translate(-100%,-100%) rotate(90deg) scale(1.2)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes animateFromBottomLeft{0%{opacity:0;transform:translate(-100%,100%) rotate(90deg) scale(1.2)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes animateFromTopRight{0%{opacity:0;transform:translate(100%,-100%) rotate(-90deg) scale(1.2)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes animateFromBottomRight{0%{opacity:0;transform:translate(100%,100%) rotate(-90deg) scale(1.2)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes animateText{0%{opacity:0}to{opacity:1}}.animateFromTopLeft{animation:animateFromTopLeft 1.5s ease-in-out}.animateFromBottomLeft{animation:animateFromBottomLeft 1.5s ease-in-out}.animateFromTopRight{animation:animateFromTopRight 1.5s ease-in-out}.animateFromBottomRight{animation:animateFromBottomRight 1.5s ease-in-out}.animateContent{animation:animateText 3s ease-in-out}
/*# sourceMappingURL=main.634c19a0.css.map*/