@font-face{font-family:primaryFont;src:url(/_next/static/media/ec99e8f70e376e8c-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:primaryFont Fallback;src:local("Arial");ascent-override:93.41%;descent-override:25.84%;line-gap-override:0.00%;size-adjust:100.64%}.__className_031493{font-family:primaryFont,primaryFont Fallback}.__variable_031493{--font-primary:"primaryFont","primaryFont Fallback"}@font-face{font-family:secondaryFont;src:url(/_next/static/media/8e50c7bfd1038362-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:secondaryFont Fallback;src:local("Arial");ascent-override:104.01%;descent-override:32.31%;line-gap-override:0.00%;size-adjust:88.84%}.__className_d10ced{font-family:secondaryFont,secondaryFont Fallback}.__variable_d10ced{--font-secondary:"secondaryFont","secondaryFont Fallback"}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}button,input,select,textarea{color:inherit;font-size:inherit;font-style:inherit;font-family:inherit;border-radius:0;-webkit-padding-start:0;align-items:flex-start;border:none;outline:none;background:none;padding:0;margin:0;width:auto;height:auto;line-height:1em}button,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]{width:1em}input::-ms-clear{display:none}details,summary{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{text-size-adjust:100%}mark{background:none}hr{height:1px;margin:0;padding:0}u{text-decoration:none}table th{text-align:left}a{color:inherit;outline:none;text-decoration:none}:root{--primary-n-1:#1e1e1e;--primary-n-2:#605f5f;--secondary-n-1:#ededed;--secondary-n-2:#9d9d9d;--important-n-1:#b60d0d;--positive-n-1:#2c7b18;--positive-n-2:rgba(139,228,117,0.418);--fs-small:1.6rem;--fs-medium:2.4rem;--fs-medium-2:3.2rem;--fs-big:4.8rem;--fs-very-big:6.4rem;--sp-small:20px;--sp-medium:40px;--ra-medium:8px}:root.dark{--secondary-n-1:#1e1e1e;--secondary-n-2:#605f5f;--primary-n-1:#ededed;--primary-n-2:#9d9d9d}:root.rand-1{--secondary-n-1:#122924;--secondary-n-2:#385E55;--primary-n-1:#CBFF82;--primary-n-2:#E7F6D1}:root.rand-2{--secondary-n-1:#3A3064;--secondary-n-2:#726E85;--primary-n-1:#E3C3EC;--primary-n-2:#96849B}:root.rand-3{--secondary-n-1:#0B5C36;--secondary-n-2:#6A917E;--primary-n-1:#F3FF82;--primary-n-2:#B1B589}:root.rand-4{--secondary-n-1:#3E5460;--secondary-n-2:#778A94;--primary-n-1:#C2D8DE;--primary-n-2:#96ADB4}:root.rand-5{--secondary-n-1:#4A148C;--secondary-n-2:#7B1FA2;--primary-n-1:#F3E5F5;--primary-n-2:#CE93D8}:root.rand-6{--secondary-n-1:#0D47A1;--secondary-n-2:#1E88E5;--primary-n-1:#E3F2FD;--primary-n-2:#90CAF9}:root.rand-7{--secondary-n-1:#A14F03;--secondary-n-2:#F57F17;--primary-n-1:#FFF8E1;--primary-n-2:#FFD54F}:root.rand-8{--secondary-n-1:#263238;--secondary-n-2:#546E7A;--primary-n-1:#ECEFF1;--primary-n-2:#B0BEC5}:root.rand-9{--secondary-n-1:#1B5E20;--secondary-n-2:#43A047;--primary-n-1:#F1F8E9;--primary-n-2:#A5D6A7}:root.rand-10{--secondary-n-1:#880E4F;--secondary-n-2:#C2185B;--primary-n-1:#FCE4EC;--primary-n-2:#F48FB1}:root.rand-11{--primary-n-1:#122924;--primary-n-2:#385E55;--secondary-n-1:#CBFF82;--secondary-n-2:#E7F6D1}:root.rand-12{--primary-n-1:#3A3064;--primary-n-2:#726E85;--secondary-n-1:#E3C3EC;--secondary-n-2:#96849B}:root.rand-13{--primary-n-1:#0B5C36;--primary-n-2:#6A917E;--secondary-n-1:#F3FF82;--secondary-n-2:#B1B589}:root.rand-14{--primary-n-1:#3E5460;--primary-n-2:#778A94;--secondary-n-1:#C2D8DE;--secondary-n-2:#96ADB4}:root.rand-15{--primary-n-1:#4A148C;--primary-n-2:#7B1FA2;--secondary-n-1:#F3E5F5;--secondary-n-2:#CE93D8}:root.rand-16{--primary-n-1:#0D47A1;--primary-n-2:#1E88E5;--secondary-n-1:#E3F2FD;--secondary-n-2:#90CAF9}:root.rand-17{--primary-n-1:#A14F03;--primary-n-2:#F57F17;--secondary-n-1:#FFF8E1;--secondary-n-2:#FFD54F}:root.rand-18{--primary-n-1:#263238;--primary-n-2:#546E7A;--secondary-n-1:#ECEFF1;--secondary-n-2:#B0BEC5}:root.rand-19{--secondary-n-1:#F1F8E9;--secondary-n-2:#A5D6A7;--primary-n-1:#1B5E20;--primary-n-2:#43A047}:root.rand-20{--secondary-n-1:#FCE4EC;--secondary-n-2:#F48FB1;--primary-n-1:#880E4F;--primary-n-2:#C2185B}html{font-size:62.5%}body,html{cursor:none;padding:0;margin:0;font-family:Overpass;overflow-x:hidden}*{box-sizing:border-box}.link--hover{position:relative}.link--hover p{transition:all .4s}.link--hover:before{height:4px;bottom:-8px;transition:transform .45s ease-out}.link--hover:after,.link--hover:before{content:"";position:absolute;width:100%;transform:scaleX(0);left:0;background:var(--primary-n-1);transform-origin:bottom right}.link--hover:after{height:.05em;bottom:0;transition:transform .25s ease-out}.link--hover:hover p{color:var(--primary-n-2)}.link--hover.active:after,.link--hover:hover:after,.link--hover:hover:before{transform:scaleX(1);transform-origin:bottom left}a{cursor:none}.text{font-family:var(--font-primary);color:var(--primary-n-1)}.text.fs-small{font-size:var(--fs-small);line-height:calc(var(--fs-small)*1.2)}.text.fs-medium{font-size:var(--fs-medium);line-height:calc(var(--fs-medium)*1.2)}.text.fs-medium-2{font-size:var(--fs-medium-2);line-height:calc(var(--fs-medium-2)*1.2)}.text.fs-big{font-size:var(--fs-big);line-height:calc(var(--fs-big)*1.2)}@media screen and (max-width:768px){.text.fs-big{font-size:var(--fs-medium-2);line-height:calc(var(--fs-medium-2)*1.2)}}.text.fs-very-big{font-size:var(--fs-very-big);line-height:calc(var(--fs-very-big)*1.2)}@media screen and (max-width:1070px){.text.fs-very-big{font-size:var(--fs-big);line-height:calc(var(--fs-big)*1.2)}}.text.ff-1{font-family:var(--font-primary)}.text.ff-2{font-family:var(--font-secondary)}.text.error{color:var(--important-n-1)}.text.color-n-2{color:var(--primary-n-2)}h1,h2,h3,h4,h5{color:var(--primary-n-1)}h1{font-family:var(--font-secondary);font-size:var(--fs-medium)}h3{font-size:var(--fs-big)}h3,h4{font-family:var(--font-primary)}h4{font-size:var(--fs-medium-2)}.title.fs-small{font-size:var(--fs-small)}.title.fs-medium{font-size:var(--fs-medium)}.title.fs-meduium-2{font-size:var(--fs-medium-2)}.title.fs-big{font-size:var(--fs-big)}.title.fs-very-big{font-size:var(--fs-very-big)}.title.ff-1{font-family:var(--font-primary)}.title.ff-2{font-family:var(--font-secondary)}.separator{margin-top:var(--sp-medium);margin-bottom:var(--sp-medium);background-color:var(--primary-n-1);height:1px;width:100%}.dot--simple{background-color:var(--primary-n-2)}.dot--pulse,.dot--simple{width:8px;height:8px;border-radius:50%}.dot--pulse{margin-right:12px;background:var(--primary-n-2);box-shadow:0 0 0 var(--primary-n-2);animation:pulsing 3s infinite}@keyframes pulsing{0%{box-shadow:0 0 0 0 var(--primary-n-2)}70%{box-shadow:0 0 0 8px var(--primary-n-1)}to{box-shadow:0 0 0 0 var(--primary-n-1)}}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid var(--primary-n-1);border-right:3px solid rgba(0,0,0,0);animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scroller{overflow:hidden;position:absolute;left:50%;top:90%;width:28px;margin:-12px;height:50px;border:2px solid var(--primary-n-1);border-radius:30px;opacity:.3;transform:scale(1);transition:all .4s}@media screen and (max-width:768px){.scroller{display:none}}.scroller.hide{transition:all .4s;transform:scale(0)}.scroller:after{display:block;content:"";position:absolute;left:calc(50% + 2px);top:10px;width:2px;height:2px;margin-left:-3px;background-color:var(--primary-n-1);border-radius:2px;animation:mouse-wheel 2.5s cubic-bezier(.77,0,.175,1) infinite}@keyframes mouse-wheel{0%{transform:translateY(0);opacity:0}10%{transform:translateY(0);opacity:1}30%{transform:translateY(0);height:4px}50%{transform:translateY(0);height:20px}70%{transform:translateY(15px);height:4px;opacity:1}90%{opacity:0}to{transform:translateY(15px);opacity:0}}.button{border:1px solid var(--primary-n-1);border-radius:var(--ra-medium);height:auto;overflow:hidden}.button .content{padding:8px 24px;position:relative}.button .content:after{content:"";position:absolute;background-color:var(--primary-n-1);top:calc(50% - 75px);left:calc(50% - 75px);border-radius:100%;z-index:-1;width:150px;height:150px;transform:scale(0);transform-origin:center;transition:all .4s ease-in-out}.button .text{text-transform:uppercase;z-index:2}.button:hover{cursor:none;border-color:var(--secondary-n-1)}.button:hover .content:after{transform:scale(2)}.button:hover .content .text{color:var(--secondary-n-1)}.button--arrow{position:relative;overflow:hidden;height:auto;width:220px}.button--arrow .arrow-icon rect{fill:var(--primary-n-1)}.button--arrow .content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.button--arrow .arrow-container{position:absolute;width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.button--arrow .arrow-out{right:10px;opacity:1;transform:translateX(0) translateY(0)}.button--arrow .arrow-in{top:100%;right:40px;opacity:0;transform:translateX(0) translateY(0)}.button--arrow:hover .arrow-out{transform:translateX(20px) translateY(-24px);opacity:0}.button--arrow:hover .arrow-in{transform:translateY(-26px) translateX(30px);opacity:1}.button--arrow:not(:hover) .arrow-out{transform:translateX(0) translateY(0);opacity:1}.button--arrow:not(:hover) .arrow-in{transform:translateY(0) translateX(0);opacity:0}*,html{cursor:none!important}.cursor{position:fixed;width:36px;height:36px;border:1px solid var(--primary-n-1);border-radius:100%;z-index:10;transform:translate(-50%,-50%);pointer-events:none;transition:background-color .4s,transform .4s}.cursor.active{transform:translate(-50%,-50%) scale(1.5)}.cursor.hover{border:1px solid var(--important-n-1);transform:translate(-50%,-50%) scale(.5)}@media screen and (max-width:768px){.cursor{display:none}}.cursor--in{position:fixed;width:8px;height:8px;background-color:var(--primary-n-1);border-radius:100%;z-index:10;transform:translate(-50%,-50%);pointer-events:none;transition:background-color .4s}@media screen and (max-width:768px){.cursor--in{display:none}}.cursor--in.active,.cursor--in.hover{background-color:var(--important-n-1)}.observer.bot{opacity:0;transform:translateY(-30px)}.observer.bot.active{opacity:1;transform:translateY(0);transition:all .6s}.observer.top{opacity:0;transform:translateY(30px)}.observer.top.active{opacity:1;transform:translateY(0);transition:all .6s}.observer.top.d-1{transition-delay:.3s}.observer.top.d-2{transition-delay:.6s}.observer.top.d-3{transition-delay:.9s}.observer.top.d-4{transition-delay:1.2s}.observer.top.d-5{transition-delay:1.5s}.observer.top.d-6{transition-delay:1.8s}.observer.top.d-7{transition-delay:2.1s}.observer.top.d-8{transition-delay:2.4s}.observer.top.d-9{transition-delay:2.7s}.observer.top.d-10{transition-delay:3s}.observer.left{opacity:0}.observer.left.active{animation-name:leftApparition;animation-duration:.6s;animation-iteration-count:1;opacity:1;transition:all .6s}@keyframes leftApparition{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.toggle-button{cursor:none;border:1px solid var(--primary-n-1);border-radius:100%;height:46px;width:46px;position:fixed;left:4%;bottom:5%;overflow:hidden;z-index:9}.toggle-button svg{margin:8px;width:24px;height:24px}.toggle-button svg path{fill:var(--primary-n-1);transition:all .4s}.toggle-button:after{content:"";position:absolute;border-radius:100%;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;transform:scale(0);background-color:var(--primary-n-1);z-index:-1;transition:all .4s}.toggle-button:hover{border:1px solid var(--secondary-n-1)}.toggle-button:hover:after{transform:scale(1)}.toggle-button:hover path{fill:var(--secondary-n-1)}.random-button{cursor:none;border:1px solid var(--primary-n-1);border-radius:100%;height:46px;width:46px;position:fixed;left:8%;bottom:5%;overflow:hidden;z-index:9}@media screen and (max-width:768px){.random-button{left:18%}}.random-button svg{margin:8px;width:24px;height:24px}.random-button svg path{fill:var(--primary-n-1);transition:all .4s}.random-button:after{content:"";position:absolute;border-radius:100%;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;transform:scale(0);background-color:var(--primary-n-1);z-index:-1;transition:all .4s}.random-button:hover{border:1px solid var(--secondary-n-1)}.random-button:hover:after{transform:scale(1)}.random-button:hover path{fill:var(--secondary-n-1)}.header{width:92%;margin:auto;margin-top:var(--sp-medium);margin-bottom:var(--sp-medium)}.header nav,.header nav .desktop{display:flex;justify-content:space-between;align-items:center}.header nav .desktop{width:418px}@media screen and (max-width:768px){.header nav .desktop{display:none}}.header nav .desktop .text{text-transform:uppercase}.header nav .burger-shadow{width:80px}.header nav .buger-menu--container{position:fixed;right:4%;z-index:5}.header nav .buger-menu--container .menu-button{display:flex;align-items:center}.header nav .buger-menu--container .menu-button .text{text-transform:uppercase;transition:all .4s;z-index:15}.header nav .buger-menu--container .menu-button:hover .upp{color:var(--primary-n-2)}.header nav .buger-menu--container .menu-button:hover .burger span{background-color:var(--primary-n-2)}.header nav .buger-menu--container .burger{position:relative;width:15px;z-index:5;height:15px;margin-top:-1px;margin-left:8px}.header nav .buger-menu--container .burger span{position:absolute;width:100%;height:2px;top:50%;left:0;display:block;background:var(--primary-n-1);transition:.5s}.header nav .buger-menu--container .burger span:first-child{top:0}.header nav .buger-menu--container .burger span:last-child{top:100%}.header nav .buger-menu--container .burger.active span{opacity:0}.header nav .buger-menu--container .burger.active span:first-child{opacity:1;transform:rotate(405deg);top:50%}.header nav .buger-menu--container .burger.active span:last-child{opacity:1;transform:rotate(-405deg);top:50%}.header nav .buger-menu--container .burger-menu{position:fixed;z-index:4;top:0;right:-100%;width:40%;height:100%;background-color:var(--secondary-n-1);transition:all .4s;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:15% 0}.header nav .buger-menu--container .burger-menu:before{content:"";position:fixed;width:60%;height:100%;left:160%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition-duration:.4s;pointer-events:none}.header nav .buger-menu--container .burger-menu.active{right:0}.header nav .buger-menu--container .burger-menu.active:before{left:0;transition-delay:.1s}@media screen and (max-width:768px){.header nav .buger-menu--container .burger-menu{width:70%}.header nav .buger-menu--container .burger-menu:before{width:30%}}@media screen and (max-width:450px){.header nav .buger-menu--container .burger-menu{width:85%;padding:50% 0}.header nav .buger-menu--container .burger-menu:before{width:15%}}@media screen and (max-width:375px){.header nav .buger-menu--container .burger-menu{width:100%}.header nav .buger-menu--container .burger-menu:before{display:none}}.header nav .buger-menu--container .burger-menu .burger--social{width:90%;display:flex;justify-content:space-between}.header nav .buger-menu--container .burger-menu .burger--social svg{width:40px}.header nav .buger-menu--container .burger-menu .burger--social svg path{fill:var(--primary-n-1);transition:all .4s}.header nav .buger-menu--container .burger-menu .burger--social svg:hover path{fill:var(--primary-n-2)}.footer{width:92%;margin:auto;display:flex;justify-content:space-between}@media screen and (max-width:768px){.footer{flex-direction:column;align-items:center;text-align:center}.footer .desc{margin-bottom:24px}}.footer .desc p{margin-bottom:var(--sp-small)}@media screen and (max-width:768px){.footer .desc p{margin-bottom:8px}}.footer .available .available--container{display:flex;align-items:center}@media screen and (max-width:768px){.footer .available .available--container{margin-bottom:24px}}@media screen and (max-width:450px){.footer .social{margin-bottom:40px}}.footer .social h4{margin-bottom:var(--sp-small)}@media screen and (max-width:768px){.footer .social h4{margin-bottom:8px}}@media screen and (max-width:450px){.footer .social h4{margin-bottom:16px}}.footer .link__container{display:flex;align-items:center;margin-bottom:var(--sp-small)}@media screen and (max-width:768px){.footer .link__container{margin-bottom:8px}}.footer .link__container svg{width:24px;height:24px;margin-right:8px}.footer .link__container svg path{fill:var(--primary-n-1)}body{background-color:var(--secondary-n-1)}body .grain{position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;transform:translateZ(0)}body .grain:before{content:"";top:-10rem;left:-10rem;width:calc(100% + 20rem);height:calc(100% + 20rem);z-index:9999;position:fixed;background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/5c/Image_gaussian_noise_example.png);opacity:.15;pointer-events:none;animation:noise 1s steps(2) infinite}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}body .home{width:92%;margin:auto}body .home section{height:calc(100vh - 120px)}@media screen and (max-width:1070px){body .home section{height:80vh}}@media screen and (max-width:768px){body .home section{height:-moz-fit-content;height:fit-content}}body .home .text--main{width:50%;margin:auto;padding-top:20vh}@media screen and (max-width:1070px){body .home .text--main{padding-top:10vh;width:66%}}@media screen and (max-width:450px){body .home .text--main{width:100%;padding-top:40px;padding-bottom:40px}}body .home .projects{height:auto}body .home .projects h3{width:50%;margin:auto;margin-top:var(--sp-medium)}@media screen and (max-width:768px){body .home .projects h3{width:66%}}@media screen and (max-width:450px){body .home .projects h3{width:100%}}body .home .projects .project{margin-top:80px;display:flex;align-items:center;position:relative}@media screen and (max-width:768px){body .home .projects .project{flex-direction:column}body .home .projects .project .project__content{width:360px;margin-bottom:16px}}@media screen and (max-width:450px){body .home .projects .project .project__content{width:100%}}body .home .projects .project .project__view{width:480px;height:270px;position:absolute;right:10%;border-radius:var(--ra-medium);overflow:hidden;transform:translateX(200%);transition:all .4s;opacity:0;width:inherit;height:inherit}@media screen and (max-width:1070px){body .home .projects .project .project__view{width:360px;height:202px}}@media screen and (max-width:768px){body .home .projects .project .project__view{position:relative;transform:translateX(0);opacity:1;right:0}}@media screen and (max-width:450px){body .home .projects .project .project__view,body .home .projects .project .project__view img{width:100%;height:-moz-fit-content;height:fit-content}}body .home .projects .project:hover .project__view{transform:translateX(0);opacity:1}body .home .projects .project .fs-very-big{margin-bottom:12px}body .home .projects .project .arrow-icon{width:80px;height:80px;margin-left:40px}@media screen and (max-width:768px){body .home .projects .project .arrow-icon{display:none}}body .home .projects .project .arrow-icon rect{fill:var(--primary-n-1)}body .home .projects .project .arrow-icon .arrow--main{width:0;transition-delay:.2s;transition:width .2s}body .home .projects .project .arrow-icon .arrow--side{width:0;transition:width .2s}body .home .projects .project:hover .arrow-icon .arrow--main{width:15px}body .home .projects .project:hover .arrow-icon .arrow--side{transition-delay:.2s;width:10px}body .home .quote .container__button{width:100%;margin-top:var(--sp-medium);display:flex;justify-content:center}.contact--page{padding-top:40px}.contact--page .form--title{text-align:center;margin-bottom:16px}@media screen and (max-width:450px){.contact--page .form--title{width:90%;text-align:left;margin:auto auto 16px}}.contact--page .form--text{text-align:center;margin-top:8px}@media screen and (max-width:450px){.contact--page .form--text{width:90%;text-align:left;margin:auto}}.contact--page .form--container{width:60%;border:1px solid var(--primary-n-1);border-radius:var(--ra-medium);margin:40px auto 140px;padding:40px}@media screen and (max-width:768px){.contact--page .form--container{width:80%}}@media screen and (max-width:450px){.contact--page .form--container{width:100%}}.contact--page .form--container .input--double{display:flex;justify-content:space-between}@media screen and (max-width:768px){.contact--page .form--container .input--double{flex-direction:column}}.contact--page .form--container .input--double .input--container{width:40%}@media screen and (max-width:768px){.contact--page .form--container .input--double .input--container{width:100%}}.contact--page .form--container .input--container{margin-bottom:36px;position:relative}.contact--page .form--container .input--container label{font-family:var(--font-primary);color:var(--primary-n-1);font-size:var(--fs-medium);line-height:calc(var(--fs-medium)*1.2);position:absolute;top:0;left:0;transition:all .4s}.contact--page .form--container .input--container .input:focus~label{top:-20px;color:var(--primary-n-1);font-size:var(--fs-small)}.contact--page .form--container .input--container .input:valid:not(:placeholder-shown)~label{top:-20px;color:var(--primary-n-1);font-size:var(--fs-small)}.contact--page .form--container .input--container .input{width:100%;border-bottom:2px solid var(--primary-n-1);height:40px;font-family:var(--font-primary);font-size:var(--fs-medium);background:rgba(0,0,0,0);color:var(--primary-n-1)}.contact--page .form--container .input--container .input.textarea{height:100px}.contact--page .form--container .button--container{width:-moz-fit-content;width:fit-content;margin:auto;display:flex;flex-direction:column;align-items:center}.contact--page .form--container .button--container .loader,.contact--page .form--container .button--container .text--result{margin-top:16px}.about--page{width:92%;margin:auto}.about--page section{display:flex}@media screen and (max-width:1070px){.about--page section{flex-direction:column;align-items:start}}.about--page section .title--contaier{width:25%}.about--page .section--intro{margin-top:160px}.about--page .section--intro .illu{margin-right:160px;margin-left:80px;position:relative;width:300px;height:300px}@media screen and (max-width:1070px){.about--page .section--intro .illu{margin-bottom:80px}}@media screen and (max-width:450px){.about--page .section--intro .illu{margin-right:0;margin-left:0}}.about--page .section--intro .illu:hover:before{filter:blur(100px);transition-duration:5s}.about--page .section--intro .illu:before{content:"";position:absolute;height:60%;width:60%;border-radius:100%;right:0;top:0;background:linear-gradient(177deg,var(--primary-n-1) 0,var(--secondary-n-1) 100%);z-index:1;filter:blur(2px);transition-duration:.4s}.about--page .section--intro .illu:after{content:"";position:absolute;height:80%;width:80%;left:0;bottom:0;background:linear-gradient(3deg,var(--primary-n-1) 0,var(--secondary-n-1) 100%)}.about--page .section--intro .illu .img--profile{position:relative;z-index:2;object-fit:contain;max-width:100%;max-height:100%}.about--page .section--intro .intro--content{margin-right:160px}@media screen and (max-width:450px){.about--page .section--intro .intro--content{margin-right:0}}.about--page .section--intro .intro--content .intro--title:last-of-type{margin-bottom:40px}@media screen and (max-width:450px){.about--page .section--intro .intro--content .intro--title{font-size:4rem}}.about--page .section--intro .intro--content .intro--text{margin-bottom:8px}@media screen and (max-width:450px){.about--page .section--intro .intro--content .intro--text{font-size:2.6rem;margin-bottom:16px}}.about--page .section--intro .intro--content .resume--link{width:150px;height:40px;display:flex;justify-content:space-around;align-items:center;margin-top:40px;margin-bottom:40px}.about--page .section--exps,.about--page .section--skills,.about--page .section--tools{width:100%;margin-top:80px;margin-bottom:80px}.about--page .section--exps .title--contaier,.about--page .section--skills .title--contaier,.about--page .section--tools .title--contaier{width:540px;min-width:540px}@media screen and (max-width:1070px){.about--page .section--exps .title--contaier,.about--page .section--skills .title--contaier,.about--page .section--tools .title--contaier{margin-bottom:80px}}.about--page .section--skills .skills--container{display:flex;justify-content:space-between;width:calc(100% - 540px)}@media screen and (max-width:1070px){.about--page .section--skills .skills--container{flex-direction:column;width:100%}}.about--page .section--skills .skills--container .skill--container .title{margin-bottom:16px}@media screen and (max-width:450px){.about--page .section--skills .skills--container .skill--container .title{font-size:4rem}}.about--page .section--skills .skills--container .skill--container .text{margin-bottom:8px}@media screen and (max-width:1070px){.about--page .section--skills .skills--container .skill--container,.about--page .section--tools .tools--container{margin-bottom:40px}}.about--page .section--tools .tools--container .tool{display:flex;align-items:center;float:left}.about--page .section--tools .tools--container .tool .text{margin-right:16px}@media screen and (max-width:450px){.about--page .section--tools .tools--container .tool .text{font-size:2.6rem}}.about--page .section--tools .tools--container .tool .dot{margin-right:16px}.about--page .section--exps .exp--container{margin-bottom:40px}@media screen and (max-width:450px){.about--page .section--exps .exp--container{margin-bottom:60px}}.about--page .section--exps .exp--container .exp--content{display:flex;align-items:baseline}@media screen and (max-width:450px){.about--page .section--exps .exp--container .exp--content{flex-direction:column;margin-bottom:8px}.about--page .section--exps .exp--container .exp--content .small{margin-top:8px}}.about--page .section--exps .exp--container .exp--content p{margin-right:8px}.about--page .section--exps .exp--container .exp--date{display:flex;align-items:center}.about--page .section--exps .exp--container .exp--date .arrow-icon{transform:rotate(45deg);margin:0 16px}.about--page .section--exps .exp--container .exp--date .arrow-icon rect{fill:var(--primary-n-1)}.work--page{position:relative}.work--page .work--intro{width:92%;margin:160px auto 80px;display:flex;justify-content:space-between}@media screen and (max-width:768px){.work--page .work--intro{flex-direction:column;margin-top:80px}}.work--page .work--intro .title--container,.work--page .work--intro .works--container{width:48%}@media screen and (max-width:768px){.work--page .work--intro .title--container,.work--page .work--intro .works--container{width:100%}.work--page .work--intro .works--container{margin-top:40px}}.work--page .work--intro .works--container .work{border:1px solid var(--primary-n-2);border-radius:100px;width:-moz-fit-content;width:fit-content;padding:4px 24px;float:left;margin-right:8px;margin-bottom:8px}.work--page .work--illu{width:70vw;margin:auto;height:46.6666666667vw}@media screen and (max-width:768px){.work--page .work--illu{width:100vw;height:66.6666666667vw}}.work--page .work--content{width:92%;margin:80px auto 240px;display:flex;justify-content:space-between}@media screen and (max-width:768px){.work--page .work--content{flex-direction:column;margin-bottom:80px}}.work--page .work--content .content--side{width:48%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:768px){.work--page .work--content .content--side{width:100%}.work--page .work--content .content--side:first-of-type{margin-bottom:40px}.work--page .work--content .content--side a{margin-top:24px}}.work--page .work--next{margin-bottom:100px}.work--page .work--next .next--content{width:-moz-fit-content;width:fit-content;min-width:300px;margin:auto;text-align:center;position:relative;height:80px}.work--page .work--next .next--content p{position:absolute;z-index:2;min-width:300px;left:50%;transform:translateX(-50%);transition:all .3s ease-in-out}.work--page .work--next .next--content p:first-of-type{top:16px}.work--page .work--next .next--content img{border-radius:8px;position:absolute;left:50%;transform:translateX(-50%);top:100px;opacity:0;transition:all .3s ease-in-out;z-index:1;pointer-events:none}.work--page .work--next .next--content:hover p{color:var(--secondary-n-1);background-color:var(--primary-n-1)}.work--page .work--next .next--content:hover img{opacity:1;top:-200px}