@import url(https://fonts.googleapis.com/css2?family=Poppins: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);@font-face{font-family:Moranga;src:url(/static/media/moranga.eb6d4524584e1ce66dab.ttf)}@font-face{font-family:Gilroy;src:url(/static/media/Gilroy-Bold.26e59eb7761ea9f4e60f.otf)}@font-face{font-family:Gilroy;src:url(/static/media/Gilroy-Semibold.4b11ebb0c738401c499c.otf)}@font-face{font-family:Gilroy;src:url(/static/media/Gilroy-Medium.59799af8723d1858833d.otf)}:root{--lighting-color:#45454e;--dark-color:#2d3748;--darker-color:#214e49;--secondary-color:#5f9ea0}*{-webkit-user-drag:none;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{font-size:62.5%}body,html{font-family:Poppins,sans-serif;font-weight:300;height:100%;line-height:1.4;scroll-behavior:smooth;width:100%}body{font-size:1.4rem;overflow-x:hidden}a{color:#fff;text-decoration:none}ul{list-style:none}section{scroll-margin-top:50px}nav{background:#ecf0f3;box-shadow:-3px -3px 7px #fff,3px 3px 5px #ceced1,inset 0 -3px 0 #dadada,inset 3px 3px 5px #ceced1;padding:6px 0;position:fixed;width:100%;z-index:999}nav .menu{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1270px;padding:5px 20px}.menu .logo a{color:#243ae3;font-size:28px;font-weight:600;text-decoration:none}.menu ul{display:flex;list-style:none}.menu ul li{color:#ecf0f3}.menu ul a{box-shadow:-3px -3px 7px #fff,3px 3px 5px #ceced1;color:#31344b;display:inline-flex;font-size:18px;font-weight:400;padding:10px 12px;position:relative;text-decoration:none;transition:all .3s ease}.menu ul a:hover:before{bottom:0;box-shadow:inset -3px -3px 7px #fff,inset 3px 3px 5px #ceced1;content:"";left:0;position:absolute;right:0;top:0}.menu ul a:hover{color:#3498db}.check,.menu-btn{display:none}@media (max-width:720px){nav .menu{padding:20px}.wrapper{background:#3947b5;clip-path:circle(25px at calc(100% - 45px) 45px);height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease-in-out;width:100%}#active:checked~.wrapper{clip-path:circle(75%);pointer-events:auto}.menu-btn{background:#ecf0f3;border-radius:50%;color:#333;cursor:pointer;display:block;font-size:20px;height:50px;line-height:50px;position:fixed;right:20px;text-align:center;top:20px;transition:all .3s ease-in-out;width:50px;z-index:2}#active:checked~.menu-btn{background:#fff;color:#4158d0}#active:checked~.menu-btn i:before{content:"\f00d"}.wrapper ul{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;list-style:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.wrapper ul li{margin:15px 0}.wrapper ul li a{background:#000;border-radius:50px;color:none;color:#fff;font-size:30px;font-weight:500;line-height:50px;padding:5px 30px;position:relative;text-decoration:none;transition:all .3s ease}.wrapper ul li a:hover:after{transform:scaleY(1)}.wrapper ul li a:hover{color:#fff}input[type=checkbox]{display:none}}#contact,#page1,#page2,#page3,#page4,#page6,#project{max-width:100vw;overflow-x:hidden;width:100%}#image-div img,.box img{height:auto;max-width:100%}#work-sample{justify-content:center}#work-sample img{height:auto;margin:10px;max-width:100%}@media (max-width:768px){#intro-div h1{font-size:6vw}.box h4{font-size:4vw}#page4>h2,#page4>h2 span,#page6 h1,#page6 h1 span{font-size:6vw}.form-card{padding:2rem}}#page1{flex-direction:column;justify-content:flex-end;position:relative}#image-div,#page1{align-items:center;display:flex;width:100%}#image-div{height:100%;justify-content:center;overflow:hidden}#image-div img{height:95vh;object-fit:cover;object-position:center;width:100%}@media (max-width:600px){#page1{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%}#image-div{height:100%;overflow:hidden;width:100%}#image-div img{height:100%;margin-top:90px;object-fit:cover;object-position:bottom;width:100%}}#page2{background-color:#000;color:#fff;padding-top:10vh}#name-div,#page2{position:relative;width:100%}#name-div{margin-bottom:13vh;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#name-div::-webkit-scrollbar{display:none}#name-div h1{display:inline-block;font-size:8vw;margin-right:2vw}@keyframes namemoving{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 2vw - 4px))}}#intro-div{margin-left:auto;margin-right:auto;padding-bottom:10vh;padding-top:4vh;text-align:center;width:80%}#intro-div h1{font-size:4.4vw;letter-spacing:.01vw;line-height:6.3vw;word-spacing:.2vw}#intro-div h1 a{text-decoration:underline}#intro-div #prof{align-items:center;display:flex;height:80px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2vmax;width:40%}#intro-div a img{height:6.8vmax}@media (max-width:600px){#page2{padding-top:2vh}#name-div,#page2{position:relative;width:100%}#name-div{margin-bottom:1vh;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#name-div::-webkit-scrollbar{display:none}#name-div h1{display:inline-block;font-size:14.6vw;margin-right:2vw}#intro-div{margin-left:auto;margin-right:auto;padding-bottom:8vh;padding-top:2vh;text-align:center;width:90%}#intro-div h1{font-size:8.2vw;font-weight:100;letter-spacing:.01vw;line-height:11.8vw;word-spacing:.6vw}#intro-div h1 a{text-decoration:underline}#intro-div #prof{align-items:center;display:flex;height:70px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2vmax;width:70%}#intro-div a img{height:9.9vmax}}#page3{background-color:#222;min-height:100vh;padding:7vh 5.1vw;position:relative;width:100%}#page3>h3{margin-bottom:0}#page3>h3,#page3>h3 span{font-family:gilroy;font-size:4.8vmax}#page3>h3 span{color:#38cdfa}#page3>h5{font-size:2.2vmax;margin-bottom:1.4vmax}#page3>h5,.box h4{font-family:gilroy}.box h4{align-items:center;background-color:initial;border:1px solid cyan;color:#fff;font-size:2vmax;font-weight:500;margin-bottom:1.6vmax;margin-top:4vmax;overflow:hidden;padding:0 2px;position:relative;width:fit-content;z-index:1}.box h4,.box h4:after{transition:all .5s linear}.box h4:after{background-color:cyan;border-radius:50%;content:"";height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:50px;z-index:-1}.box h4:hover:after{transform:translate(-50%,-50%) scale(4)}.box h4:hover{color:#000}.box img{background-color:#fff;border-radius:8px;height:5vmax;margin-right:12px;padding:5px;position:relative}.des-box img{height:6vmax;margin-right:1.4vmax}@media (max-width:600px){#page3{background-color:#222;min-height:67vh;padding:5vh 5.1vw;position:relative;width:100%}#page3>h3{margin-bottom:0}#page3>h3,#page3>h3 span{font-family:gilroy;font-size:4.4vmax}#page3>h3 span{color:#38cdfa}#page3>h5{font-size:2.2vmax;margin-bottom:1.4vmax}#page3>h5,.box h4{font-family:gilroy;font-weight:500}.box h4{border:2px solid #fff;border-radius:7px;color:#fff;display:inline-block;font-size:2.1vmax;margin-bottom:2vmax;margin-top:4vmax;overflow:hidden;padding:5px 9px;transition:all .5s linear}.box h4,.box img{position:relative}.box img{background-color:#fff;border-radius:5px;height:5.8vmax;margin-right:5px;padding:4px;width:15%}.des-box img{height:6.7vmax;margin-right:5px}}#page4{background-color:#333;min-height:100vh;padding:5vh 4vw;position:relative;width:100%}#page4>h2,#page4>h2 span{font-family:gilroy;font-size:3.7vmax;font-weight:600}#page4>h2 span{color:#fc626a}#page4>h4{font-family:gilroy;font-size:1.85vmax;font-weight:500;margin-bottom:3vmax}#work-sample{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-wrap:wrap;height:76vh;justify-content:space-around;margin-bottom:4vmax;padding:2vh}#work-sample img{box-shadow:1px 7px 20px #0006;height:31vh;width:28vw}#page4>a{display:block;margin-bottom:3vmax;padding:0 1vw;text-align:right}#page4>a img{height:4.2vmax}@media (max-width:400px){#page4{background-color:#333;min-height:100vh;padding:4vh 4.9vw;position:relative;width:100%}#page4>h2,#page4>h2 span{font-family:gilroy;font-size:4.4vmax;font-weight:600}#page4>h2 span{color:#fc626a}#page4>h4{font-family:gilroy;font-size:2.1vmax;font-weight:500;margin-bottom:3vmax}#work-sample{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-wrap:wrap;height:auto;justify-content:space-around;margin-bottom:4.8vmax;padding:2vh 1.5vh}#work-sample img{box-shadow:1px 7px 15px #00000040;height:30vw;margin:4px;width:75vw}#page4>a{display:block;margin-bottom:1vmax;padding:0 1vw;text-align:right}#page4>a img{height:6vmax}}@media (min-width:400px) and (max-width:600px){#page4{background-color:#333;min-height:100vh;padding:4vh 4.9vw;position:relative;width:100%}#page4>h2,#page4>h2 span{font-family:gilroy;font-size:4.4vmax;font-weight:600}#page4>h2 span{color:#fc626a}#page4>h4{font-family:gilroy;font-size:2.1vmax;font-weight:500;margin-bottom:3vmax}#work-sample{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-wrap:wrap;height:auto;justify-content:space-around;margin-bottom:4.8vmax;padding:2vh 1.5vh}#work-sample img{box-shadow:1px 7px 15px #00000040;height:35vw;margin:4px;width:75vw}#page4>a{display:block;margin-bottom:1vmax;padding:0 1vw;text-align:right}#page4>a img{height:6vmax}}#page6{background-color:#2e2b2b;min-height:100vh;padding:4.5vh 4.2vw;position:relative;width:100%}#page6 h1{font-family:gilroy;font-size:4.6vmax;margin-bottom:3.5vmax;margin-top:1vmax}#page6 h1 span{color:#f6ba53;font-family:gilroy}#artworks a{align-items:center;border-top:2px solid #fff;color:#fff;display:flex;height:72px;justify-content:space-between;padding:0 3px;position:relative;text-decoration:none;width:100%}#artworks a:last-child{border-bottom:2px solid #fff;margin-bottom:5vmax}#artworks a h4{font-size:1.7vmax;width:12%}#artworks a h4,#artworks a h5{position:relative;transition:color .4s ease-in;z-index:99}#artworks a h5{font-family:gilroy;font-size:1.8vmax;font-weight:600;width:30%}#artworks a h6{font-size:1.2vmax;padding-right:4vw;position:relative;text-align:right;transition:color .4s ease-in;width:60%;z-index:99}#sliding-div{background-color:cyan;height:100%;left:0;position:absolute;top:0;transition:width 1.3s cubic-bezier(.19,1,.22,1);width:0;z-index:9}#artworks a:hover #sliding-div{width:100%}#artworks a:hover h4,#artworks a:hover h5,#artworks a:hover h6{color:#222}@media (max-width:600px){#page6{background-color:#222;min-height:60vh;padding:4.5vh 4.7vw;position:relative;width:100%}#page6 h1{font-family:gilroy;font-size:4vmax;margin-bottom:5vmax;margin-top:0}#page6 h1 span{color:#f6ba53;font-family:gilroy}#artworks a{align-items:center;border-top:2px solid #fff;display:flex;height:70px;justify-content:space-between;padding:0 2px;position:relative;width:100%}#artworks a:last-child{border-bottom:2px solid #fff;margin-bottom:5vmax}#artworks a h4{font-size:2.3vmax;position:relative;transition:color .4s ease-in;width:18%;z-index:99}#artworks a h5{font-weight:600;width:33%}#artworks a h5,#artworks a h6{font-family:gilroy;font-size:1.5vmax;position:relative;transition:color .4s ease-in;z-index:99}#artworks a h6{text-align:right;width:29%}#sliding-div{background-color:#fff;height:100%;left:0;position:absolute;top:0;transition:width 1.3s cubic-bezier(.19,1,.22,1);width:0;z-index:9}#artworks a:hover #sliding-div{width:100%}#artworks a:hover h4,#artworks a:hover h5,#artworks a:hover h6{color:#222}}#project{background:#214e49;background:var(--darker-color);height:auto;padding-bottom:20vh;padding-top:8vh;position:relative}#project h2{font-size:6rem;text-align:center}.project_container{display:flex;flex-wrap:wrap;gap:6rem;justify-content:center}.grid_item{flex-basis:calc(33.333% - 2rem);flex-grow:1;flex-shrink:1;max-width:250px;min-width:200px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;text-align:center;transition:transform .3s ease}.card img{height:100%;object-fit:contain;width:100%}.card:hover{transform:scale(1.02);transition:1s ease-in-out}.card:hover img{opacity:.8;transform:scale(1.02);transition:.3s ease-in-out}.card:hover .card_content{background:#e4dcd6;color:#2d3748;color:var(--dark-color);transform:translateY(1px)}.card_content{margin-bottom:-6.5rem;padding:2rem;position:relative;top:-6.4rem;transform:translateY(100px);transition:.5s ease-in-out}.card_content h3{text-align:center}#more{bottom:0;padding:2vh 1vw;position:absolute;right:0}#more h1{border:1px solid cyan;border-radius:3px;overflow:hidden;padding:2px 9px;position:relative;text-align:center;transition:all .6s ease;z-index:1}#more h1:after{background-color:rgba(75,246,95,.464);border-radius:50%;bottom:-100%;content:"";height:100%;left:0;position:absolute;transition:all .6s ease;width:100%;z-index:-1}#more h1:hover:after{border-radius:0;bottom:0}@media (max-width:768px){.grid_item{flex-basis:calc(50% - 2rem);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.grid_item{flex:1 1 100%}h6{font-size:5vw}}#contact{background:#2d3748;background:var(--dark-color);padding:3vh 0}.form-card{background-color:#2d3748;border-radius:.375rem;box-shadow:0 1px 2px #0000001a;padding:4.25rem 9rem}.text-center{text-align:center}.form-title{color:#f7fafc;font-size:1.875rem;font-weight:600;margin:.75rem 0}.form-description{color:#cbd5e0;font-size:1.5rem}.form-content{font-size:4rem;margin:1.75rem}.form-group{margin-bottom:1.5rem}.form-label{color:#cbd5e0;display:block;font-size:1.875rem;margin-bottom:.5rem}.form-input,.form-textarea{background-color:#edf2f7;border:1px solid #e2e8f0;border-radius:.1875rem;color:#2d3748;font-size:1.875rem;height:4rem;padding:.5rem .75rem;width:100%}.form-textarea{height:10rem}.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-input:focus,.form-textarea:focus{outline:none}.form-button{background-color:#5a67d8;border:none;border-radius:.1875rem;color:#fff;cursor:pointer;padding:1rem;width:100%}.form-button:hover{background-color:#b794f4}.form-result{color:#cbd5e0;font-size:1rem;text-align:center}@media (min-width:500px){#contact{align-items:center;display:flex;justify-content:center}#contact,.form-card{background-color:#2d3748}.form-card{border-radius:.375rem;box-shadow:0 1px 2px #0000001a;padding:4.25rem 9rem;width:70vw}}footer{background:#214e49;background:var(--darker-color);color:#fff;font-size:1.6rem;padding:2rem;text-align:center}@media (max-width:786px){html{font-size:40%}#hero .container{flex-direction:column}.hero_image{display:grid;place-items:center}#contact .container{height:70vh}}@media (max-width:500px){html{font-size:32%}#hero .container{flex-direction:column}.hero_image{display:grid;place-items:center}#contact .container{height:50vh}}
/*# sourceMappingURL=main.3f746baf.css.map*/