@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--light-blue:#41b6da;--dark-blue:#2966b4;--light-purple:#cf51c9;--dark-purple:#b6097c;--grey-txt:#0000009a;--gradient-db-lp:linear-gradient(to left,var(--dark-blue),var(--light-purple)) 1;--bg-color:#1f1f1f;--light-clr:#fff;--main-clr:#81c3a3;--main-accent-1:#81c2c3;--main-accent-2:#81c382;--dark-clr:#222;--faded-clr:#31313109;--shade-clr-1:#eee5dc;--shade-clr-2:#d9dbeb;--shade-clr-3:#f7f7f7;--shade-clr-4:#dce4e0;--fs-xs:clamp(0.54rem,-0.12vw + 0.66rem,0.57rem);--fs-sm:clamp(0.8rem,-0.08vw + 0.72rem,0.75rem);--fs-base:clamp(1rem,0vw + 0.9rem,1rem);--fs-md:clamp(1.25rem,0.13vw + 1.22rem,1.33rem);--fs-lg:clamp(1.56rem,0.34vw + 1.49rem,1.77rem);--fs-xl:clamp(1.95rem,0.67vw + 1.82rem,2.35rem);--fs-2xl:clamp(2.14rem,1.15vw + 1.45rem,3.13rem);--fs-3xl:clamp(3.05rem,1.85vw + 2.68rem,45px + 1vw);--fs-4xl:clamp(3.81rem,2.87vw + 3.24rem,5.53rem);--fs-5xl:clamp(4.77rem,4.32vw + 3.9rem,64px + 1vw);--fs-6xl:clamp(3.35rem,5.38vw + 1.68rem,128px);--fs-7xl:clamp(6.45rem,8.14vw + 5.26rem,10.78rem);--fs-8xl:clamp(8.77rem,10.14vw + 7.9rem,164px + 1vw);--txtsize-title-min:1.75rem;--txtsize-title-max:10rem;--txtsize-h2-min:1rem;--txtsize-h2-max:7.5rem;--btn-border-size:clamp(2px,2px + 0.1vw,5vw);--pb-lg:calc(36px + 1rem);--pb-sm:calc(24px + 1rem)}@media (prefers-reduced-motion){html{scroll-behavior:auto}}@supports (-moz-appearance:none){html{scroll-behavior:smooth!important}}html{--scrollbar-width-legacy:8px!important;scrollbar-color:#81c3a3 #fff!important;scrollbar-color:var(--main-clr) var(--light-clr)!important;scrollbar-width:thin!important}body,html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;margin:0}main{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,p{font-family:Kanit,sans-serif!important}h1{color:var(--light-shade);font-size:clamp(4.77rem,4.32vw + 3.9rem,64px + 1vw);font-size:var(--fs-5xl);font-weight:700;letter-spacing:.02em}h2{color:var(--dark-shade);font-size:clamp(3.05rem,1.85vw + 2.68rem,45px + 1vw);font-size:var(--fs-3xl);font-weight:600;letter-spacing:.01em}h3{font-size:clamp(1.25rem,.13vw + 1.22rem,1.33rem);font-size:var(--fs-md)}h3,h4{color:var(--dark-accent);font-weight:400}h4{font-size:clamp(.75rem,.75rem + .25vw,2rem)}h5{color:var(--dark-shade);font-size:clamp(1rem,1rem + .1vw,3rem);font-weight:400}ul{list-style:none!important;margin:0!important;padding:0!important}button{font-family:Kanit,sans-serif!important;font-weight:500!important;letter-spacing:.175rem!important}#home{scroll-margin-top:1000px}#about,#skills{scroll-margin-top:100px!important}#about,#projects,#skills{padding-block:calc(36px + 1rem);padding-block:var(--pb-lg)}#projects{scroll-margin-top:25px!important}.App{background-color:initial;background-color:#fafafa;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fafafa;color:#fff;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,.content-container{display:flex;flex-direction:column}.content-container{padding:100px 0 0;position:relative;width:100%}#floating-action-btn{background-color:var(--main-clr);bottom:30px;height:60px;position:fixed;right:30px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:60px}#floating-action-btn svg{fill:var(--light-clr)}.fab-visible{-webkit-transform:scale(1);transform:scale(1)}.fab-hidden{-webkit-transform:scale(0);transform:scale(0)}@media (max-width:575px){#floating-action-btn{bottom:10px;right:10px}}.App-link{color:#61dafb}.hero-section{--_icon-height:60px;--_icon-text-offset:calc(var(--_icon-height)/2);background-color:var(--shade-clr-1);min-height:100svh;position:relative}.welcome-box{background-color:var(--main-clr);height:.25rem;width:3rem}.welcome-tag{color:var(--main-clr);font-size:var(--fs-sm);font-weight:600;letter-spacing:.375em;line-height:.9;margin:0;text-align:start;text-transform:uppercase}.description{width:100%}#description-box{position:relative}.description-title{color:var(--dark-clr);font-size:var(--fs-6xl);font-weight:700;line-height:.9;margin:0;padding:0;text-align:start;text-transform:uppercase}#outlined-text{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--dark-clr);color:transparent}.description-tag{margin:1.2rem 0 2.4rem;text-align:start}.contact-btn-container{background-color:initial;-webkit-column-gap:1rem;column-gap:1rem;row-gap:1rem}.quick-btn{aspect-ratio:2/.5;border:var(--btn-border-size) solid var(--main-clr)!important;border-radius:6px!important;font-size:var(--fs-base)!important;min-height:70px;outline:0;overflow:hidden;position:relative!important;z-index:1}.fill:before{background:var(--main-clr);bottom:0;content:"";left:0;position:absolute;right:0;top:100%;transition:top .2s ease-in;z-index:-1}.fill,.fill:before{color:var(--dark-clr)!important}.fill:focus,.fill:hover{color:var(--light-clr)!important}.fill:focus:before,.fill:hover:before{border:none!important;top:0}.slide{background-color:initial!important;border:var(--btn-border-size) solid var(--dark-clr)!important}.slide:after{color:var(--dark-clr)!important;content:attr(data-content1);left:0;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.slide:after,.slide:before{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.slide:before{color:var(--light-clr)!important;content:attr(data-content2);left:-100%;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.slide:focus,.slide:hover{background:var(--main-clr)!important;border:var(--btn-border-size) solid transparent!important;color:var(--light-clr)!important}.slide:focus:before,.slide:hover:before{color:var(--light-clr)!important;left:0;opacity:1}.slide:focus:after,.slide:hover:after{left:100%;opacity:0}#description-skills-container{bottom:-100px;height:80px;position:absolute}.skill-container{aspect-ratio:1/1;height:var(--_icon-height);position:relative}.skill-icon,.skill-icon-box{position:relative;z-index:2}.skill-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:6px;height:100%;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.skill-container:first-of-type .skill-icon{background-color:#f7e025;background-image:url(/static/media/logo_js.3ec9abf4877d4d01fbd5.svg)}.skill-container:nth-of-type(2) .skill-icon{background-image:url(/static/media/logo_ts.38677cc043307ac131ce.svg)}.skill-container:nth-of-type(3) .skill-icon{background-image:url(/static/media/logo_html.230f92c158474a180fe1.svg)}.skill-container:nth-of-type(4) .skill-icon{background-image:url(/static/media/logo_css.1e341fd326d1826aaab8.svg)}.skill-container:nth-of-type(5) .skill-icon{background-color:#444d5b;background-image:url(/static/media/logo_react.be2a01f0a520c07ae4bb.svg)}.skill-container:nth-of-type(6) .skill-icon{background-image:url(/static/media/logo_nextjs.322501cb71d0648188e3.svg)}.skill-icon-decoration{background-color:var(--shade-clr-2);border-radius:6px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}#skill-icon-decoration-css,#skill-icon-decoration-html{background-color:initial;background-image:url(/static/media/logo_css_html_bg.dc46bccbb45ed7241c1d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}#skill-icon-decoration-next{border-radius:50%}.skill-icon-name{color:transparent;font-size:var(--fs-base);left:calc(var(--_icon-text-offset) - var(--_icon-text-offset)*2);position:absolute;text-align:center;-webkit-transform:translateY(-30px);transform:translateY(-30px);transition:color .2s ease-in-out,-webkit-transform .4s ease-in-out;transition:color .2s ease-in-out,transform .4s ease-in-out;transition:color .2s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:calc(var(--_icon-height)*2)}.skill-container:hover .skill-icon{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}.skill-container:hover .skill-icon-name{color:var(--dark-clr);-webkit-transform:translateY(3px);transform:translateY(3px);transition:color .6s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .6s ease-in-out,transform .3s ease-in-out;transition:color .6s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.scroll-banner{background:transparent;bottom:0;color:var(--light-clr);font-family:Poppins,sans-serif;justify-content:center;left:0;padding-bottom:2rem;padding-top:2rem;position:absolute;row-gap:0}.scroll-banner,.scroll-link{align-items:center;display:flex;min-height:3rem}.scroll-link{flex-direction:column;justify-content:flex-end;padding-bottom:0;position:relative;transition:all .5s}.mouse{background-color:initial;border:2px solid var(--dark-clr);border-radius:42%;cursor:pointer;height:40px;overflow:hidden;position:relative;width:25px}.mouse:focus{border-color:var(--main-clr)}.mouse:before{animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite;background-color:var(--main-clr);border-radius:50%;content:"";height:5px;left:48%;opacity:1;position:absolute;top:7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:5px}@keyframes wheel{to{opacity:0;top:27px}}@-webkit-keyframes wheel{to{opacity:0;top:27px}}@media(orientation:portrait) and (min-width:577px){#description-skills-container{bottom:-200px}}@media (max-width:991px){.quick-btn{aspect-ratio:2.5/.5;font-size:var(--fs-sm)!important;min-height:50px}}@media (max-width:575px){#home{padding-block:calc(66px + 1rem)}.welcome-tag{font-size:var(--fs-xs)}.description-tag{font-size:var(--fs-sm)}.description-title{font-size:var(--fs-3xl)}#outlined-text,.description-title{letter-spacing:.04em!important}#description-skills-container{bottom:-75px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.skill-container{--_icon-height:36px}.skill-icon-name{font-size:var(--fs-sm);left:-21px;right:-21px}.quick-btn{aspect-ratio:2/.5;font-size:var(--fs-sm)!important;min-height:50px;width:45%}}@media (hover:none),(prefers-reduced-motion){.skill-container:hover .skill-icon{-webkit-transform:none;transform:none}.skill-container:hover .skill-icon-name{-webkit-transform:none;transform:none;transition:none}}@media (prefers-reduced-motion){.mouse:before{animation:none;-webkit-animation:none;background-color:var(--main-clr);border-radius:50%;content:"";height:5px;left:48%;opacity:1;position:absolute;top:7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:5px}}.skills-section{background-color:var(--shade-clr-4);min-height:100svh}.skills-container{height:100%}#skills-top-section{min-height:30svh}#skills-top-section h3{font-size:var(--fs-3xl);margin-left:auto;text-align:end}#skills-top-section h3 span{align-items:center;display:flex}#skills-top-section h3 span div{background-color:var(--main-clr);border-radius:5px;height:5px}#skills-bottom-section{gap:calc(12px + .25rem)}.skill-box{align-items:center;border:2px solid var(--dark-clr);border-radius:12px;display:flex;flex-direction:column;min-height:calc(280px + 1rem);overflow:hidden;padding-inline:calc(18px + .5rem);padding-bottom:calc(18px + 1.5rem);padding-top:calc(18px + .5rem);position:relative;transition:box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1}.skill-box:first-of-type{background-color:var(--shade-clr-1)}.skill-box:nth-of-type(2){background-color:var(--shade-clr-2)}.skill-box:nth-of-type(3){background-color:var(--shade-clr-3)}.skill-box-info{align-items:center;background-color:var(--dark-clr);display:flex;height:100%;justify-content:start;position:absolute;right:0;top:0;-webkit-transform:scale(.05,.4);transform:scale(.05,.4);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.skill-box:hover{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.skill-box:hover .skill-box-info{-webkit-transform:scale(1);transform:scale(1)}.skill-box:hover .skill-box-info .skill-box-info-p{color:var(--light-clr);transition:color .5s ease-in-out}.skill-box h4{font-weight:600;margin-bottom:calc(12px + .5rem);text-align:start;text-transform:uppercase;width:100%}.skill-box p{font-size:var(--fs-base);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:0;text-align:start}.skill-box-info-p{color:transparent;transition:color .2s ease-in-out}.skill-description-container{display:flex}#skills-divider{align-self:center;background-color:var(--main-clr);border-radius:12px;height:5px;margin-block:calc(64px + 1rem);width:100%}#skills-bullet-points{margin-bottom:28px!important}@media (max-width:575px){#skills-top-section h3{font-size:var(--fs-2xl);margin-left:0;text-align:start;width:100%}#skills-top-section{min-height:auto}.skill-box{min-height:calc(200px + 1rem);padding-inline:calc(9px + .5rem);padding-bottom:calc(9px + 1.5rem);padding-top:calc(9px + .5rem)}#skills-top-section h3{text-align:end}#skills-top-section h3 span{color:var(--main-clr);justify-content:flex-end;text-align:end}.skill-box h4{font-size:var(--fs-md);font-weight:500}.skill-box p{font-size:var(--fs-sm)}}@media (max-width:399px){#skills-top-section h3{font-size:var(--fs-lg)}#skills-top-section h3 span div{height:3px}}@media (prefers-reduced-motion){.skill-box,.skill-box-info{transition:none}.skill-box:hover{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.skill-box:hover .skill-box-info{-webkit-transform:scale(1);transform:scale(1)}.skill-box:hover .skill-box-info .skill-box-info-p{color:var(--light-clr)}}.section-title{--_fs-page-title:clamp(8.77rem,10.14vw + 7.9rem,164px + 1vw);--_fs-page-title-sm:clamp(5.84rem,7.14vw + 5.1rem,86px + 1vw);color:var(--faded-clr);font-size:var(--_fs-page-title);margin:0;margin-block:auto;position:absolute;text-orientation:mixed;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;z-index:0}.title-left{left:5px}.title-right{right:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width:575px) or (max-height:899px){.section-title{font-size:var(--_fs-page-title-sm)!important}}@media (max-width:399px){.section-title{font-size:var(--_fs-page-title-sm)!important}}.bullet-point{-webkit-padding-end:.5rem;align-items:center;background-color:var(--light-clr);border-radius:8px;display:flex;justify-content:space-between;min-height:70px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow:hidden;padding-inline-end:.5rem;transition:box-shadow .3s ease-in-out}.bullet-point:hover{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.bullet-point p{padding-inline:1rem;text-align:start}.bullet-point div{align-items:center;background-color:var(--shade-clr-3);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative}.bullet-point div svg{fill:var(--main-clr)}.bullet-point div:before{background-color:var(--light-clr);bottom:-50%;content:"";height:200%;position:absolute;right:-83%;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:100%}@media (max-width:575px){.about-bullet{flex-grow:0}.skills-bullet{width:100%}}@media (min-width:577px){.about-bullet{flex-grow:1}.skills-bullet{flex-grow:1;width:calc(50% - 1rem)}}@media (min-width:993px){.about-bullet{width:25%}.skills-bullet{flex-grow:1;max-width:calc(33% - 1rem);width:calc(25% - 1rem)}}footer{background-color:var(--dark-clr);color:var(--light-clr);min-height:90svh}footer article{padding-inline:calc(64px + 1rem + 1vw)}#footer-section-title{font-size:var(--fs-5xl)}#footer-contact-info li{aspect-ratio:1/1;background-color:var(--shade-clr-2);height:calc(240px + 2rem)}#footer-contact-info li,#footer-contact-info li button{align-items:center;border-radius:12px;display:flex;justify-content:center;position:relative}#footer-contact-info li button{background-color:var(--main-clr);border:none;box-shadow:8px 10px 10px 0 rgba(0,0,0,.2);color:var(--light-clr);flex-direction:column;font-size:var(--fs-base)!important;font-weight:400!important;height:100%;letter-spacing:.03em!important;padding:1rem;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}#footer-contact-info li button:hover{-webkit-transform:translate(-17px,-17px);transform:translate(-17px,-17px)}#footer-contact-info li:first-of-type{background-color:var(--shade-clr-1)}.social-link{color:var(--light-clr);transition:color .3s ease-in-out}.social-link:focus,.social-link:hover{color:var(--main-clr)}#footer-map{box-shadow:-4px -10px 10px 0 rgba(0,0,0,.1);-webkit-filter:brightness(.85);filter:brightness(.85);height:400px}@media (max-width:575px){#footer-map{height:300px}#footer-contact-info li{aspect-ratio:0;height:150px;width:90%}#footer-section-title{font-size:var(--fs-3xl)}}@media (max-width:767px){footer article{padding-inline:1rem}}.about-section{background-color:var(--shade-clr-2);min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.about-container{min-height:80svh}.about-container div h3{font-size:var(--fs-3xl)!important;line-height:1;margin-bottom:0;text-align:start;text-transform:uppercase}#title-text-transform{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--dark-clr);align-items:center;color:transparent;-webkit-column-gap:calc(10px + .5rem);column-gap:calc(10px + .5rem);display:flex;justify-content:space-between;width:100%}#title-text-dash{background-color:var(--main-clr);border-radius:5px;height:5px}#personal-img{aspect-ratio:1.3/1.7;background-color:var(--shade-clr-1);object-fit:cover;object-position:center;position:relative;z-index:3}#img-box-style,#personal-img{border-radius:12px;height:100%;width:100%}#img-box-style{background-color:var(--main-clr);position:absolute;right:0;top:0;z-index:2}#about-description-container{margin-top:calc(36px + 1rem)}#about-description{margin:0;text-align:start}#contact-me-btn-container{margin-top:calc(36px + 1rem)}#contact-me-btn{background-color:initial;border:2px solid var(--main-clr);color:var(--light-clr);font-size:var(--fs-md);overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}#contact-me-btn p{margin:0;position:relative}#contact-me-btn:before{background-color:var(--main-clr);content:"";height:100%;left:0;position:absolute;top:0;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}#contact-me-btn:focus,#contact-me-btn:hover{color:var(--dark-clr)}#contact-me-btn:focus:before,#contact-me-btn:hover:before{-webkit-transform:translateY(100%);transform:translateY(100%)}#about-description-arrow-container{position:relative}#about-description-arrow{background-color:initial;background-image:url(/static/media/arrow.470a2956370e5f0436ed.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:110%;left:-150%;position:absolute;top:-7.5rem;width:150%}#about-me-heading{color:var(--main-clr);font-size:var(--fs-md);text-align:start}@media (max-width:1199px){#about-description{font-size:var(--fs-base);font-weight:300;text-align:justify}}@media (max-width:575px){.about-container div h3{font-size:var(--fs-2xl)!important;text-align:center}#contact-me-btn{margin-inline:auto}#about-description{text-align:start}#title-text-transform{-webkit-text-stroke-width:0;-webkit-text-stroke-color:none;color:var(--main-clr)}.about-bullet{width:calc(50% - .5rem)}}@media (max-width:449px){.about-container div h3{font-size:var(--fs-lg)!important}.about-bullet{width:100%}}@media (prefers-reduced-motion){#contact-me-btn:focus,#contact-me-btn:hover{color:var(--light-clr)}#contact-me-btn:focus:before,#contact-me-btn:hover:before{-webkit-transform:none;transform:none}}.projects-section{background-color:var(--shade-clr-3);min-height:100svh}.projects-container{height:calc(100svh - 100px)}.project-title{color:var(--dark-clr);font-size:var(--fs-lg);margin-bottom:0;padding:1rem}.swiper-slide{overflow:hidden}.swiper,.swiper-slide{align-items:center;border-radius:10px;display:flex;justify-content:center}.swiper{height:100%;width:90%}.swiper-pagination-bullet-active{background-color:var(--main-clr)!important}.box-down,.box-up{background-color:var(--dark-clr);display:flex;left:0;padding:1rem;position:absolute;transition:top .5s ease-in-out,bottom .5s ease-in-out;width:100%}.box-up{align-items:center;color:var(--light-clr);height:60%;justify-content:end;top:-60%}.box-down{align-items:start;bottom:-40%;height:40%;justify-content:center}.swiper-slide-active.project-active .box-up{top:0}.swiper-slide-active.project-active .box-down{bottom:0}.swiper-slide img{display:block;height:100%;object-fit:cover;width:100%}.swiper-slide:first-of-type .project-title{background-color:var(--main-clr)}.swiper-slide:nth-of-type(2) .project-title{background-color:var(--main-accent-1)}.swiper-slide:nth-of-type(3) .project-title{background-color:var(--main-accent-2)}.project-btn a{text-decoration:none}@media (min-width:992px){.projects-container{height:80svh}.project-title{color:transparent;font-size:var(--fs-lg);margin-bottom:0;padding:1rem;transition:color .5s ease-in-out,background-color .5s ease-in-out}.project-title,.swiper-slide:first-of-type .project-title,.swiper-slide:nth-of-type(2) .project-title,.swiper-slide:nth-of-type(3) .project-title{background-color:initial}.swiper-slide-active .project-title{color:var(--dark-clr)}.swiper-slide:first-of-type.swiper-slide-active .project-title{background-color:var(--main-clr)}.swiper-slide:nth-of-type(2).swiper-slide-active .project-title{background-color:var(--main-accent-1)}.swiper-slide:nth-of-type(3).swiper-slide-active .project-title{background-color:var(--main-accent-2)}.swiper{border-radius:10px;height:100%;padding:30px!important;width:100%}.swiper-slide{align-items:center;display:flex;-webkit-filter:brightness(70%);filter:brightness(70%);justify-content:center;overflow:hidden;position:relative;text-align:center;transition:box-shadow .5s ease-in-out,-webkit-filter .5s ease-in-out!important;transition:box-shadow .5s ease-in-out,filter .5s ease-in-out!important;transition:box-shadow .5s ease-in-out,filter .5s ease-in-out,-webkit-filter .5s ease-in-out!important;width:70%!important}.swiper-slide-active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;-webkit-filter:brightness(100%);filter:brightness(100%)}.box-down,.box-up{background-color:var(--dark-clr);position:absolute;transition:top .8s ease-in-out,bottom .8s ease-in-out;width:100%}.swiper-slide-active.project-active .box-up{top:0}.swiper-slide-active.project-active .box-down{bottom:0}.swiper-scrollbar{background-color:#81c3a333!important}.swiper-scrollbar-drag{background-color:var(--main-clr)!important}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:rgba(0,0,0,.1);background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:4px;bottom:var(--swiper-scrollbar-bottom,4px);height:4px;height:var(--swiper-scrollbar-size,4px);left:1%;left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:auto;top:var(--swiper-scrollbar-top,auto);width:98%;width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:auto;left:var(--swiper-scrollbar-left,auto);position:absolute;right:4px;right:var(--swiper-scrollbar-right,4px);top:1%;top:var(--swiper-scrollbar-sides-offset,1%);width:4px;width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:rgba(0,0,0,.5);background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;-webkit-transform-origin:center;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}nav{--_navbar-height:100px;background-color:var(--shade-clr-1);height:var(--_navbar-height);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;z-index:4}.navbar-changed{background-color:var(--light-clr);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.nav-link{color:var(--dark-clr);cursor:pointer;font-size:var(--fs-base);font-weight:400!important;letter-spacing:normal!important;margin-bottom:0;position:relative;text-decoration:none;text-transform:capitalize;transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out!important;transition:color .3s ease-in-out,transform .3s ease-in-out!important;transition:color .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out!important}.lang-btn{aspect-ratio:22/18;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border-bottom:3px solid transparent!important;margin-top:2px;min-width:24px;transition:border .3s ease-in-out!important}.lang-btn-active{border-bottom:3px solid var(--main-clr)!important}#btn-en{background-image:url(/static/media/flag_US.1eba9c811d596a9b11c3.svg)}#btn-dk{background-image:url(/static/media/flag_DK.5d873d41a825bcc8a8cc.svg)}.active{color:var(--main-clr)!important}nav div ul{position:relative}.logo{cursor:pointer;width:calc(48px + 2vw)}.logo svg{height:100%;width:100%}.logo svg g{transition:fill .3s ease-in-out}.logo:hover svg g{fill:var(--main-clr)!important}.hamburger-react{margin-top:1px}.hamburger-react:focus{border:1px solid var(--main-clr)}#nav-links-container-sm{background-color:var(--light-clr);left:0;position:absolute;-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%;z-index:0}.nav-collapsed{-webkit-transform:scaleY(0);transform:scaleY(0)}.nav-expanded{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav-links-container-sm ul{width:100%}#nav-links-container-sm ul li{min-height:66px;position:relative}#nav-links-container-sm ul li button{height:100%;min-height:66px;text-align:start;width:100%}#nav-links-container-sm ul li .lang-btn{margin-top:4px;min-height:33px;width:33px}@media (min-width:577px){.nav-link:not(.lang-btn):before{background-color:var(--main-clr);bottom:-2px;content:"";height:2px;position:absolute;transition:width .3s ease-in-out;width:0}.nav-link:hover{color:var(--main-clr)!important}.nav-link:hover:before{width:100%}}@media (max-width:575px){nav{background-color:var(--light-clr);height:66px}.nav-link p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo{height:20px}.logo a{display:flex;height:100%;width:100%}}
/*# sourceMappingURL=main.1868c47b.css.map*/