*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}h1,section,p,span,svg,a{transition:background-color .5s,color .5s}:root{--color-text-light: #333332;--color-background-light: #faf4e5;--color-pink-light: #e5a1aa;--color-green-light: #7ad0ac;--color-blue-light: #8395cd;--color-text-dark: #faf4e5;--color-background-dark: #8395cd;--swipe-ripple-light: rgba(51,51,50,.90196);--swipe-touch-light: rgba(51,51,50,.70196);--swipe-swipe-light: rgba(51,51,50,.4);--swipe-tail-light: rgba(51,51,50,.2);--swipe-ripple-2-light: rgba(51,51,50,0);--swipe-ripple-dark: rgba(250,244,229,.90196);--swipe-touch-dark: rgba(250,244,229,.70196);--swipe-swipe-dark: rgba(250,244,229,.4);--swipe-tail-dark: rgba(250,244,229,.2);--swipe-ripple-2-dark: rgba(250,244,229,0);--color-submit-light: rgba(122,208,172,.2);--color-submit-dark: rgba(250,244,229,.2);--form-primary-light: rgba(229,161,170,.8);--form-primary-hover-light: #e5a1aa;--form-overlay-light: rgba(234,232,224,.70196);--form-background-light: #faf4e5;--form-input-background-light: #f2efe6;--form-input-border-light: rgba(0,0,0,.50196);--form-input-border-hover-light: #000000;--form-primary-dark: rgba(85,100,166,.8);--form-primary-hover-dark: #5564a6;--form-overlay-dark: rgba(71,63,120,.70196);--form-background-dark: #8395cd;--form-input-background-dark: #8291bf;--form-input-border-dark: rgba(255,255,255,.50196);--form-input-border-hover-dark: #ffffff;--cube-background-light: #eae8e0;--cube-background-dark: #7580ab;--input-error: #de6e6c;--input-autofill-background-light: rgba(250,244,229,.8);--input-autofill-background-dark: rgba(131,149,205,.8);--svg-linkedin-light: url(/svg/light/linkedin.svg);--svg-instagram-light: url(/svg/light/instagram.svg);--svg-github-light: url(/svg/light/github.svg);--svg-fullscreen-light: url(/svg/light/fullscreen.svg);--svg-exit-fullscreen-light: url(/svg/light/exit-fullscreen.svg);--svg-linkedin-dark: url(/svg/dark/linkedin.svg);--svg-instagram-dark: url(/svg/dark/instagram.svg);--svg-github-dark: url(/svg/dark/github.svg);--svg-fullscreen-light: url(/svg/dark/fullscreen.svg);--svg-exit-fullscreen-light: url(/svg/dark/exit-fullscreen.svg)}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-pink: var(--color-pink-light);--color-green: var(--color-green-light);--color-blue: var(--color-blue-light);--swipe-ripple: var(--swipe-ripple-light);--swipe-touch: var(--swipe-touch-light);--swipe-swipe: var(--swipe-swipe-light);--swipe-tail: var(--swipe-tail-light);--swipe-ripple-2: var(--swipe-ripple-2-light);--color-submit: var(--color-submit-light);--form-primary: var(--form-primary-light);--form-primary-hover: var(--form-primary-hover-light);--form-overlay: var(--form-overlay-light);--form-background: var(--form-background-light);--form-input-background: var(--form-input-background-light);--form-input-border: var(--form-input-border-light);--form-input-border-hover: var(--form-input-border-hover-light);--cube-background: var(--cube-background-light);--input-autofill-background: var(--input-autofill-background-light);--svg-linkedin: var(--svg-linkedin-light);--svg-instagram: var(--svg-instagram-light);--svg-github: var(--svg-github-light);--option-disabled-text: black}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-pink: var(--color-text-dark);--color-green: var(--color-text-dark);--color-blue: var(--color-text-dark);--swipe-ripple: var(--swipe-ripple-dark);--swipe-touch: var(--swipe-touch-dark);--swipe-swipe: var(--swipe-swipe-dark);--swipe-tail: var(--swipe-tail-dark);--swipe-ripple-2: var(--swipe-ripple-2-dark);--color-submit: var(--color-submit-dark);--form-primary: var(--form-primary-dark);--form-primary-hover: var(--form-primary-hover-dark);--form-overlay: var(--form-overlay-dark);--form-background: var(--form-background-dark);--form-input-background: var(--form-input-background-dark);--form-input-border: var(--form-input-border-dark);--form-input-border-hover: var(--form-input-border-hover-dark);--cube-background: var(--cube-background-dark);--input-autofill-background: var(--input-autofill-background-dark);--svg-linkedin: var(--svg-linkedin-dark);--svg-instagram: var(--svg-instagram-dark);--svg-github: var(--svg-github-dark);--option-disabled-text: white}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.hidden{display:none}.preloader{background-color:var(--cube-background);width:100%;height:100vh;position:fixed;opacity:1;z-index:2}.preloader-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.loading{display:flex;justify-content:center;align-items:center}.circle{width:10px;height:10px;border-radius:50%;margin:6px;background-color:#e5a1aa;background-color:var(--color-pink-light);animation:load 1s ease-in-out infinite}.circle:nth-child(2){animation-delay:.1s}.circle:nth-child(3){animation-delay:.2s}@keyframes load{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(0)}}.page{z-index:99999;width:100%;height:100vh;overflow:hidden}.page-wrapper{position:relative}.animatedis{display:inline-block;transform:translateY(100%)}.intro-text{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;font-weight:500;font-size:16px;color:var(--color-text);transform:translate(-50%,-50%)}.toggle-bar{position:fixed;display:flex;opacity:0;flex-direction:row;justify-content:center;align-items:center;top:48px;right:48px;z-index:99999999999999}.dropdown-menu{display:none;position:absolute;top:40px;right:0;background-color:var(--color-pink);border-radius:8px;padding:8px 0;list-style:none;z-index:1000;box-shadow:#959da533 0 8px 24px}.dropdown-menu li{padding:8px 16px;cursor:pointer;color:var(--color-background)}.dropdown-menu li:hover{background-color:#ffffff1a}.toggle-bar2{position:fixed;display:flex;opacity:0;flex-direction:row;justify-content:center;align-items:center;top:48px;right:150px;z-index:99999999999999}.toggle-button2{cursor:pointer;position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background-color:var(--color-pink);border-radius:25%;margin:0 16px;border:none;box-shadow:#959da533 0 8px 24px}.toggle-button2 svg{fill:var(--color-background)}.toggle-bar3{position:fixed;display:flex;opacity:0;flex-direction:row;justify-content:center;align-items:center;top:48px;right:100px;z-index:99999999999999}.toggle-button3{cursor:pointer;position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background-color:var(--color-pink);border-radius:25%;margin:0 16px;border:none;box-shadow:#959da533 0 8px 24px}.toggle-button3 svg{fill:var(--color-background);stroke:var(--color-background)}.toggle-button{cursor:pointer;position:relative;width:56px;height:36px;background-color:var(--color-pink);border-radius:999px;border:none;display:flex;align-items:center;justify-content:space-between;padding:0 5px;box-shadow:#959da533 0 8px 24px}.toggle-circle{width:24px;height:24px;background-color:var(--color-pink);border-radius:50%;position:absolute;left:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sun-icon,.moon-icon{width:24px;height:24px;transition:opacity .3s ease}.slide{left:28px}.section-margin{height:3000px;width:100%}.section{position:relative;width:50%;padding:250px 1%;margin:-1000px 0 0;background-color:var(--color-background);overflow:hidden}.third-section{margin-top:-750px}@media (max-width: 968px){.section-margin{height:2400px;width:100%}.section{position:relative;width:50%;padding:250px 1%;margin:-600px 0 0;background-color:var(--color-background);overflow:hidden}.third-section{margin-top:-450px}}.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.progress-wrapper{height:0;width:12px;z-index:9999}.progress-bar-wrapper-left{position:absolute;top:0;left:0}.progress-bar-wrapper-right{position:absolute;top:0;right:0}.progress-bar{height:100vh;width:100%;background-color:var(--color-pink);transform-origin:top center;transform:scaleY(1)}.section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--color-pink)}.section-intro-wrapper:nth-child(3){border-bottom:2px solid var(--color-green)}.section-detail-wrapper{position:relative;padding:20% 5%}.section-heading{font-size:18px;font-weight:700;line-height:1.8;margin-top:64px;color:var(--color-text)}.section-text{line-height:2;margin-top:18px;font-size:16px;color:var(--color-text)}.first-section .section-text span{color:var(--color-background);background-color:var(--color-pink);padding:5px;border-radius:25px}.second-section .section-text span{color:var(--color-background);background-color:var(--color-blue);padding:5px;border-radius:25px}.third-section .section-text span{color:var(--color-background);background-color:var(--color-green);padding:5px;border-radius:25px}.section-title{position:relative;color:var(--color-pink)}.section-title-text{display:block;font-size:40px;font-weight:500;transform-origin:left;transform:skewY(25deg);z-index:5;text-transform:uppercase;color:var(--color-pink)}.styleOne,.styleTwo,.styleThree{position:absolute;display:block;width:100%;max-width:278px;height:60px;border:1px solid var(--color-pink);transform-origin:left;transform:skewY(-25deg)}.styleOne{top:0px}.styleTwo{top:80px}.styleThree{top:80px;transform:skewY(25deg);background-color:var(--color-pink)}.section-number{position:absolute;bottom:15px;right:0;color:var(--color-pink);font-size:24px}.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:100%;margin:0 auto;max-width:1100px}.hero-main{position:absolute;bottom:168px;left:0;color:var(--color-text)}.hero-second{position:absolute;top:calc(50% - 120px);right:0;color:var(--color-text)}.hero-main-title{font-size:64px;color:var(--color-text)}.hero-main-description{font-size:18px;color:var(--color-text)}.hero-second-subheading{font-size:32px;text-transform:uppercase;color:var(--color-text)}.blue-text{color:var(--color-blue)}.blue-border{border-color:var(--color-blue)}.blue-background{background-color:var(--color-blue)}.green-text{color:var(--color-green)}.green-border{border-color:var(--color-green)}.green-background{background-color:var(--color-green)}@media (max-width: 968px){.section{width:100%}.progress-bar-wrapper-left{right:0;left:auto}.hero-main{bottom:120px}.hero-second{top:160px}.hero-wrapper{width:calc(100% - 60px)}.hero-main-title{font-size:32px}.hero-main-description,.hero-second-subheading{font-size:18px}}.swipe-box{--w: 3rem;--hmax: calc(var(--w) * 4);--r: calc(var(--w) * .2);--ripple-color: red;--dur: 2s;position:absolute;top:70%;left:50%;width:2rem;height:12rem;height:var(--hmax);transform:translate(-50%,-50%) rotate(180deg);opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s;position:fixed}.swipe-box.visible{opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s}.swipe-box:not(.visible) .swipe,.swipe-box:not(.visible) .tail{animation-play-state:paused}.swipe{position:absolute;bottom:calc(var(--hmax) - var(--w));left:50%;transform:translate(-50%);width:var(--w);height:var(--w);background-color:var(--swipe-swipe);border-radius:50%;opacity:0;animation:swipe var(--dur) ease-in-out infinite}.tail{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:var(--w);background-color:var(--swipe-tail);border-radius:calc(var(--w) / 2);opacity:0;animation:tail var(--dur) ease-in-out infinite}.touch{background-color:var(--swipe-touch);width:var(--w);height:var(--w);border-radius:50%}.animate .touch{animation:ripple calc(var(--dur)) ease-in-out infinite}@keyframes ripple{0%{box-shadow:0 0 0 0 var(--swipe-ripple);opacity:1}to{box-shadow:0 0 0 var(--r) var(--swipe-ripple-2);opacity:0}}@keyframes swipe{0%{bottom:calc(var(--hmax) - var(--w));opacity:1;background-color:var(--swipe-swipe)}50%{bottom:0;opacity:1}to{bottom:0;opacity:0;background-color:var(--swipe-ripple-2)}}@keyframes tail{0%{bottom:0;height:var(--w);opacity:1}50%{bottom:0;height:calc(var(--hmax) - var(--w));opacity:.4}to{bottom:0;height:var(--w);opacity:0}}h1{font-size:300%}#form-head h1{font-size:2rem}.input{font-size:1rem}.input.submit{font-size:1.2rem}@keyframes error{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes wiggle{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.show-form-overlay.form-submitted .form-overlay{background:var(--color-submit)}.icon:before{cursor:pointer;font-size:30px;line-height:60px;display:block;transition:all .7s cubic-bezier(.4,0,.2,1)}#form-container.icon.fa.fa-envelope.expand.icon:before{display:none}.fa-envelope{color:var(--color-pink)}.icon:hover:before{animation:wiggle .5s linear infinite}fa-envelope:before{display:block}.fa-close:before{display:none}.expandfa-envelope:before{display:none}.expand.fa-close:before{display:block;animation:none}#form-content form{color:var(--form-color-primary);width:100%;height:100%;padding:0 20px 20px;margin-bottom:10px;box-sizing:border-box;text-align:left}#form-head{font-size:100%;padding:0;margin:0 20px;color:var(--form-color-primary);text-align:center;transition:all .8s .6s}#form-head h1,#form-head p{padding:0;margin:0}#form-head .pre{display:block}.form-submitted#form-head{transform:translateY(250%)}.form-submitted#form-head .pre{display:none}.form-submitted#form-head .post{display:block}.input.message{resize:none;height:150px;border-radius:15px;padding:20px}.input.submit{background-color:var(--form-primary);color:var(--color-text);font-size:120%;transition:all .1s,transform 0s .6s;border:1px solid var(--form-primary)}.input.submit:hover{border:1px solid var(--form-primary);background-color:var(--form-primary-hover)}.input.submit:active{transform:scale(.98);box-shadow:0 2px 4px #0003}.input.form-error,.input.form-error:focus,.input.form-error:valid{animation:error .8s ease;border:1.5px solid #de6e6c!important;border:1.5px solid var(--input-error)!important;outline:none}.input.form-error~label,.input.form-error:focus~label,.input.form-error:valid~label{color:#de6e6c;color:var(--input-error)}select option{background:var(--form-input-background);color:var(--color-text);border:none;box-shadow:none;outline:none}select option:disabled{color:var(--option-disabled-text);font-style:italic;font-size:90%}.input{transition:transform 0s 1s}.form-submitted .input{transform:translate(150%);opacity:0;transition:all .5s,transform .4s cubic-bezier(.4,0,.2,1) 0s}.form-submitted .input:nth-child(1){transition-delay:.1s}.form-submitted .input:nth-child(2){transition-delay:.2s}.form-submitted .input:nth-child(3){transition-delay:.3s}.form-submitted .input:nth-child(4){transition-delay:.4s}.form-submitted .input:nth-child(5){transition-delay:.5s}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--form-input-background) inset;-webkit-text-fill-color:var(--color-text)}.contact-me{display:flex;opacity:0}#form-close:hover{color:#e91e63}.form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--form-overlay);z-index:900;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}.show-form-overlay .form-overlay{width:100%;opacity:.7;z-index:999;opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s linear 0s}#form-container{position:fixed;left:50%;bottom:5vh;transform:translate(-50%);width:60px;height:60px;background-color:var(--form-background);border-radius:50%;box-shadow:0 5px 10px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;z-index:1000;overflow:hidden}#form-container.expand{width:450px;height:600px;bottom:50%;transform:translate(-50%,50%);background-color:var(--form-background);border-radius:15px;box-shadow:0 10px 20px #0003}#form-container .icon{font-size:24px;transition:all .8s ease}#form-container.expand .icon{font-size:0}#form-content{display:none;width:100%;height:100%;padding:30px;box-sizing:border-box;opacity:0}#form-content.expand{display:block;transform:translateY(0);opacity:1}#form-close{position:absolute;top:20px;right:30px;font-size:24px;color:var(--color-pink);cursor:pointer;background:none;border:none;padding:12px 16px 16px;line-height:1;width:auto;height:auto;border-radius:15px}#form-head h2,#form-head h3{margin:0;padding:0;color:var(--color-pink)}#form-head .post{display:none}.input{width:100%;padding:10px;margin-bottom:15px;border:1px solid var(--form-input-border);border-radius:15px;font-size:16px;box-sizing:border-box}.input:hover{border:1px solid var(--form-input-border-hover)}@media (max-width: 968px){#form-container.expand{height:100%;width:100%;max-width:100%;border-radius:0}#form-content.expand{margin-top:40%;margin-bottom:0}}.btn-4{background-color:var(--color-pink);padding:0;border:none;font-size:16px;border-radius:15px;cursor:pointer}.btn-4 span{position:relative;display:block;width:100%;height:100%}.btn-4:before,.btn-4:after{position:absolute;content:"";right:0;top:0;box-shadow:4px 4px 6px #ffffffe6,-4px -4px 6px #747d8833,inset -4px -4px 6px #ffffffe6,inset 4px 4px 6px #747d884d;transition:all .3s ease}.btn-4:before{height:0%;width:.1px}.btn-4:after{width:0%;height:.1px}.btn-4 span:before,.btn-4 span:after{position:absolute;content:"";left:0;bottom:0;box-shadow:4px 4px 6px #ffffffe6,-4px -4px 6px #747d8833,inset -4px -4px 6px #ffffffe6,inset 4px 4px 6px #747d884d;transition:all .3s ease}.btn-4 span:before{width:.1px;height:0%}.btn-4 span:after{width:0%;height:.1px}.iconBody{display:flex;padding:20px;align-items:center}.iconBody .social-icons{display:flex;justify-content:center;flex-wrap:wrap;max-width:980px;margin:0 auto}.iconBody .icon{position:relative;width:80px;padding-bottom:80px;margin:10px 10px 100px}.iconBody .icon:last-of-type{margin-right:0}.iconBody .icon a{display:block;position:absolute;left:0;width:100%;height:100%;border:0;border-radius:15px;background-size:70%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-out}.iconBody .icon a:hover{background-color:var(--color-text);background-size:0%;transition:all .2s ease-out}.iconBody .icon__name{position:absolute;top:50%;width:100%;margin-top:-7px;color:var(--color-background);font-size:13px;text-align:center;transition:all .3s ease-out;opacity:0;filter:blur(25px);transform:translateZ(0);will-change:transform}.iconBody .icon:hover .icon__name{transition:all .3s ease-out;opacity:1;filter:blur(0)}.iconBody .icon--linkedin a{background-color:var(--color-green);background-image:var(--svg-linkedin)}.iconBody .icon--instagram a{background-color:var(--color-green);background-image:var(--svg-instagram)}.iconBody .icon--github a{background-color:var(--color-green);background-image:var(--svg-github)}li.icon{list-style-type:none}li.icon::marker{visibility:hidden}#theme-toggle:after{content:attr(aria-label);position:absolute;font-size:1rem;display:block;top:120%;left:50%;width:-moz-max-content;width:max-content;padding:.375em .75em;color:var(--clr-background);background-color:var(--clr-foreground);border-radius:.25em;opacity:0;transform:scale(0) translate(-50%);transform-origin:0% 0%;transition:transform .2s,opacity .2s;pointer-events:none}#theme-toggle svg{display:block;fill:var(--color-background);width:100%;height:100%}#theme-toggle circle{transform:none;transform-origin:50% 50%;transition:transform .5s}.dark-theme #theme-toggle circle{transform:translate(-72px) scaleY(1.143)}#theme-toggle .ray-ring{transform-origin:center;transition:transform .6s}.light-theme .ray-ring{transform:rotate(0)}.dark-theme .ray-ring{transform:rotate(.5turn)}.input-group{position:relative;margin-top:.8rem}.input{border:solid 1.5px var(--color-text);border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-text);transition:border .15s cubic-bezier(.4,0,.2,1);height:3.2rem}.user-label{position:absolute;left:15px;font-size:1rem;font-weight:400;color:var(--color-text);pointer-events:none;transform:translateY(1rem);transition:.15s cubic-bezier(.4,0,.2,1)}.input:focus~.user-label,.input.has-content~.user-label{transform:translateY(-50%) scale(.8);background-color:var(--color-background);padding:0 .2em;color:var(--color-text)}*:focus{outline:none!important}input:focus,textarea:focus,select:focus,button:focus{border:1.5px solid var(--color-text);box-shadow:0 0 5px var(--color-text);color:var(--color-text)}input,textarea{caret-color:var(--color-text)}::-moz-selection{background:var(--color-text);color:var(--color-background)}::selection{background:var(--color-text);color:var(--color-background)}