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}body{overflow-x:hidden;overflow-y:hidden}.App{height:auto}::-webkit-scrollbar{width:0}.loading-animation{height:100%;position:absolute;top:0;width:100%}.loading-animation .dee{background-color:#000;border-bottom-right-radius:100%;border-top-right-radius:100%;height:300px;width:300px}.loading-animation .circle,.loading-animation .dee{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.loading-animation .circle{background-color:#fff6ea;border-radius:100%;height:500px;width:500px}.header{align-items:center;display:flex;padding-top:2%;position:fixed;top:0;width:100%;z-index:100}.circle-footer,.circle-header{background-color:#fff6ea;border-radius:100%;height:20px;margin:auto;width:20px}.dee-footer,.dee-header{background-color:#000;border-bottom-right-radius:100%;border-top-right-radius:100%;display:flex;height:30px;margin-top:3px;width:30px}.def{align-items:center;display:flex;flex:2 1;font-size:40px;font-weight:700;margin-left:70px}.def p{line-height:40px;margin:0}.right-side{display:flex;flex:1 1;font-size:14px;font-weight:700;justify-content:space-around;margin-left:auto;text-transform:uppercase}#root,.App,body,html{height:100%;width:100%}body{background-color:#fff6ea}.landing-image,.landing-image .landing-image-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.landing-image .landing-image-container{-webkit-clip-path:circle(18% at 50% 50%);clip-path:circle(18% at 50% 50%)}.landing-image-container img{object-fit:cover}.landing-description{align-items:end;bottom:0;box-sizing:border-box;display:flex;font-weight:600;justify-content:space-between;padding:2%;position:absolute;width:100%}.landing-description .email{flex:2 1;text-transform:uppercase}.landing-description .description{flex:1 1}.landing-description .description .top{margin-bottom:10%;max-width:80%}.landing-description .description .bottom{display:flex;justify-content:space-between}.bottom p{margin:0}.first-section{height:100%;position:relative;width:100%}.second-section{display:flex;height:100%;width:100%}.second-section .right-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding-right:7%}.second-section .right-section .image-container{border-radius:3%;height:60%;margin-top:10%;overflow:hidden;width:60%}.second-section .left-section{align-items:center;display:flex;flex:1 1;justify-content:center}.eight,.nine,.one,.six{display:none;font-family:kanit;font-size:35vw;line-height:30vw}.nine,.one{position:absolute;z-index:-1}.third-section{align-items:center;box-sizing:border-box;display:flex;font-family:kanit;font-size:2vw;font-weight:400;height:100%;justify-content:space-between;line-height:2.3vw;padding:0 2%;width:100%}.third-section .right{max-width:500px}.image-container .image1,.image-container .image2{height:100%;position:absolute;top:0;width:100%;z-index:2}.image-container .image1{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.image-container .image2{z-index:1}.image1 img{border-radius:3%;transform:scale(1.2)}.image1 img,.image2 img{height:100%;object-fit:cover;width:100%}.fourth-section{align-items:end;display:flex;height:100%;justify-content:start;width:100%}.fourth-section .round-div{background-color:#252323;border-top-right-radius:400px;box-sizing:border-box;display:flex;height:90%;justify-content:space-between;padding:6% 8% 2% 4%;width:100%}.fourth-section .round-div .right-circle{background-color:#faebd7;border-radius:100%;height:500px;width:500px}.fourth-section .round-div .left-text{-webkit-clip-path:polygon(0 2%,100% 2%,100% 98%,0 98%);clip-path:polygon(0 2%,100% 2%,100% 98%,0 98%);color:#fff;flex:1 1;font-family:kanit;font-size:4vw;line-height:4vw;margin-right:10%;position:relative}.fourth-section .round-div .left-text .gradient{background-image:linear-gradient(180deg,#252323,#25232300,#252323);height:100%;position:absolute;top:0;width:100%}.fourth-section img{border-radius:3%;height:70%;object-fit:cover;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:30%}.fourth-section .fifth-text p{color:#fff6ea;font-size:9vw;font-weight:600;margin:0;text-align:center}.fourth-section .fifth-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.text-above-image .line{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.kanit-bold-italic{font-family:Kanit,serif;font-style:italic;font-weight:700}.fifth-section{background-color:#fff6ea;box-sizing:border-box;font-family:kanit;font-size:1.2vw;padding:2%;width:100%}.fifth-section .first-row{gap:30%}.fifth-section .first-row,.fifth-section .first-row .first-column,.fifth-section .first-row .second-column{display:flex;justify-content:space-between}.fifth-section .first-row .first-column{flex:1 1}.fifth-section .first-row .second-column{flex:0.5 1}.fifth-section .second-row{display:flex;justify-content:end;margin-top:3%}.fifth-section .third-row,.fifth-section .third-row .first-column{display:flex;justify-content:space-between}.fifth-section .third-row .first-column{flex:0.45 1;font-size:1vw}.big-def{align-items:stretch;display:flex;overflow:hidden}.big-def .d,.big-def .e,.big-def .f{flex:1 1;margin:0}.big-def p{font-size:50vw;font-weight:500;line-height:40vw;margin:0;text-align:center}.dee-footer{height:82%;margin-top:17%;width:100%}.circle-footer{height:70%;width:70%}.mouse{background-color:#000;border-radius:100%;height:30px;position:fixed;top:0;width:30px}.first-section .marquee{display:flex;font-size:10vw;font-weight:700;gap:80px;left:0;margin:0;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%)}.first-section .marquee p{margin:0;white-space:nowrap}.first-section-marquee{z-index:-100}.image-marquee{color:bisque}.fifth-section,.first-section,.fourth-section,.loading-animation,.second-section,.third-section{overflow:hidden}@media only screen and (max-width:1024px){.third-section .right{max-width:100%}.fifth-section,.first-section,.fourth-section,.loading-animation,.second-section,.third-section{height:100%;overflow:hidden;width:100%}.landing-description{align-items:start;flex-direction:column-reverse;margin-bottom:5%}.landing-description .description{font-weight:500;margin-bottom:5%}.landing-description .description .top{margin-bottom:5%;max-width:100%}.second-section{flex-direction:column}.second-section .right-section{padding:0}.eight p,.nine p,.one p,.six p{font-size:60vw;font-weight:700;margin:0}.second-section .right-section .nine,.second-section .right-section .one{display:none}.second-section .left-section .one-nine{height:100%;width:100%}.nine,.one{position:relative}.one-nine{align-items:center;display:flex;gap:5%;justify-content:center;position:absolute}.second-section .left-section{position:relative}.third-section{align-items:start;box-sizing:border-box;flex-direction:column;font-size:5vw;gap:5%;justify-content:center;line-height:6vw;padding-top:10%}.fourth-section .round-div{border-top-right-radius:40px;flex-direction:column}.fourth-section .round-div .left-text{flex:2 1;font-size:10vw;line-height:12vw;margin:0;overflow:hidden}.fourth-section .round-div .right-circle{align-self:flex-end}.fourth-section img{width:70%}.fifth-section .first-row{flex-direction:column}.fifth-section .first-row .first-column,.fifth-section .first-row .second-column,.fifth-section .second-row,.fifth-section .third-row,.fifth-section .third-row .first-column,.fifth-section .third-row .second-column{flex-direction:column;font-size:5vw;gap:0}.fifth-section{display:flex;flex-direction:column;gap:3%;height:100vh;justify-content:end}.fifth-section .first-row .second-column{flex-direction:row;justify-content:start}.fifth-section p{margin:1%}.fifth-section hr{width:100%}.fifth-section .first-row{gap:0}.fifth-section .third-row{font-weight:300}.header{box-sizing:border-box;padding:4%}.header .def{flex:1 1;margin:0}.header .right-side{flex:3 1;font-weight:500}.header .arch{font-size:12px}.landing-image .landing-image-container{-webkit-clip-path:circle(21% at 50% 50%);clip-path:circle(21% at 50% 50%)}}
/*# sourceMappingURL=main.e1dd5068.css.map*/