@import"https://fonts.googleapis.com/css2?family=Montserrat: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";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif}h1,section,p,span,svg{transition:background-color .5s,color .5s}:root{--color-text-light: #333332;--color-background-light: #FAF4E5;--color-pink-light: #B3C9CC;--color-green-light: #7AD0AC;--color-blue-light: #8395CD;--color-text-dark: #FAF4E5;--color-background-dark: #8395CD}.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)}.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)}.experience{position:fixed;width:100vw;height:100vh;pointer-events:none;z-index:1}.experience-canvas{width:100%;height:100%;pointer-events:none}.small-button{padding:9px 36px;color:#fff;border-radius:13px;font-weight:600;font-size:1rem;cursor:pointer}.skill-bubble{padding:5px 10px;color:red;border-radius:13px;font-weight:600;font-size:1rem}.button-33cat{background-color:#3b4d41;border-radius:100px;color:#fff;cursor:pointer;display:inline-block;padding:5px 10px;text-align:center;text-decoration:none;transition:all .25s;border:0;font-size:16px;font-weight:700;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-33{background-color:#c2fbd7;border-radius:100px;color:gray;cursor:pointer;display:inline-block;padding:5px 10px;text-align:center;text-decoration:none;transition:all .25s;border:0;font-size:16px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.orange-hover{background-color:var(--color-pink);background-image:radial-gradient(circle at center,var(--color-pink-light) 50%,transparent 50%);background-repeat:no-repeat;transition:background-size .3s;background-size:0 0;background-position:50% 50%}.orange-hover:hover{background-size:200% 200%}.gray-hover{background-color:#b9bbbe;background-image:radial-gradient(circle at center,#caccce 50%,transparent 50%);background-repeat:no-repeat;transition:background-size .3s;background-size:0 0;background-position:50% 50%}.gray-hover:hover{background-size:200% 200%}.social-icon{cursor:pointer;filter:grayscale(1) brightness(8);transition:.125s ease-in}.social-icon:hover{filter:unset;transform:scale(1.05)}.hidden{display:none}.hide{display:none!important}.preloader{background-color:var(--color-background-light);width:100%;height:100vh;position:fixed;opacity:1;z-index:99999999999999999}.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: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%)}.arrow-svg-wrapper{position:absolute;top:90%;left:50%;opacity:0;color:var(--color-text);transform:translate(-50%,-50%);animation:bounce .5s ease-in alternate infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(8px)}}.toggle-bar{position:fixed;display:flex;opacity:0;flex-direction:row;justify-content:center;align-items:center;top:48px;right:48px;z-index:99999999999999}.sun-wrapper,.moon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--color-text)}.toggle-button{cursor:pointer;position:relative;width:56px;height:28px;display:flex;justify-content:center;align-items:center;background-color:var(--color-pink);border-radius:999px;margin:0 16px;border:none;box-shadow:#959da533 0 8px 24px}.toggle-circle{position:absolute;left:6px;border-radius:50%;width:20px;height:20px;background-color:var(--color-background);transition:all .2s ease-in-out}.toggle-button:hover .toggle-circle{transform:scale(.9)}.slide{left:31px}.section-margin{height:3000px;width:100%}.section{position:relative;width:50%;padding:150px 4% 500px;margin:0;background-color:var(--color-background);overflow:hidden}.left{margin-right:auto;border-top-right-radius:100px;border-bottom-right-radius:100px}.right{margin-left:auto;border-top-left-radius:100px;border-bottom-left-radius:100px}.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;border-bottom:3px solid var(--color-pink);padding:20% 2% 10px}.section-intro-wrapper:nth-child(3){border-bottom:3px solid var(--color-green)}.section-detail-wrapper{position:relative;padding:5%}.section-heading{font-size:18px;font-weight:700;line-height:1.8;margin-top:30px;color:var(--color-text)}.section-text{line-height:2;margin-top:18px;font-size:16px;color:var(--color-text)}.section-title{position:relative;color:var(--color-pink)}.section-title-text{display:block;font-size:40px;font-weight:500;transform-origin:left;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)}.center{display:block;margin-left:auto;margin-right:auto;width:50%}.video-container{position:relative;width:100%;margin:30px 0;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 8px 16px #0003}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.cta-button{display:inline-block;padding:12px 24px;background-color:var(--color-green);color:#fff;font-weight:600;text-decoration:none;border-radius:8px;margin:15px 0;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.cta-button:hover{background-color:#2a9d8f;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.projects-list{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.project-item{padding:1.5rem 0}.project-divider{border:0;height:1px;background-image:linear-gradient(to right,rgba(49,233,129,0),rgba(49,233,129,.5),rgba(49,233,129,0));margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background-color:#31e98126;color:var(--color-text);border:1px solid rgba(49,233,129,.3);border-radius:5px;padding:5px 10px;font-size:.8rem;font-weight:700}.project-link{color:var(--color-green);text-decoration:none;font-weight:700;transition:all .3s ease}.project-link:hover{text-decoration:underline;opacity:.8}.styleOne{top:0}.styleTwo{top:80px}.styleThree{top:80px;transform:skewY(25deg);background-color:var(--color-pink)}.section-number{position:absolute;bottom:15px;right:10px;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:32px;text-transform:uppercase;line-height:1.2;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)}#contact-section{align-items:flex-start;justify-content:center;min-height:100vh;padding:80px 0;box-sizing:border-box}#contact-container{margin-top:30px;padding:20px;border-radius:20px;background:white;box-sizing:border-box}#contact-container input,textarea{border:none;font-size:1.1rem;font-family:Poppins,sans-serif;background:transparent!important;font-weight:500;color:#111029;resize:none}#contact-container input:focus,textarea:focus{outline:none;border:none}#contact-message-input{flex:1}#contact-container textarea,.contact-container{height:100%}.input-container{width:100%;box-sizing:border-box;background:var(--color-background);color:var(--color-text);border-radius:13px;padding:7px 7px 7px 15px;border:2px solid #c7c7c7}.input-container:focus-within{border:2px solid #c7c7c7}.input-container label,.input-container span{font-size:.8rem;font-weight:500;margin-right:10px}#contact-name-input,#contact-email-input{margin-bottom:20px}#contact-button-container{margin-top:20px;display:flex;align-items:center}#contact-button-container .small-button{margin-left:auto;font-size:1rem;background-color:var(--color-green);color:#fff;padding:8px 24px;border-radius:6px}#contact-button-container .social-icon{margin:0 4px;border:none;opacity:1}#contact-button-container .social-icon:hover{opacity:1}#fixed-contact-container{position:fixed;bottom:50vh;left:5vw;z-index:1000;padding:20px;border-radius:20px;background-color:var(--color-background);box-sizing:border-box;width:25vw;min-width:350px;display:none;opacity:0;pointer-events:auto}#fixed-portfolio-info{position:fixed;bottom:5vh;right:5vw;z-index:1000;padding:20px;border-radius:20px;background-color:var(--color-background);box-sizing:border-box;width:25vw;min-width:350px;display:none;opacity:0;transition:opacity .3s ease}#fixed-contact-container .section-heading{margin-bottom:0}#contact-form-container{margin-top:5px}#fixed-contact-container input,#fixed-contact-container textarea,#fixed-contact-container a,#fixed-contact-container button,#dynamic-contact-container input,#dynamic-contact-container textarea{width:100%;padding:8px;margin-bottom:10px;border:none;border-radius:4px;background-color:var(--color-background);font-family:inherit}.social-icons-group{display:flex;align-items:center;gap:2px}.social-icon{transition:transform .2s ease}.social-icon:hover{transform:scale(1.2)}#contact-button-container{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:20px}#fixed-contact-container textarea:focus,#dynamic-contact-container textarea:focus,#fixed-contact-container input:focus,#dynamic-contact-container input:focus{outline:1px solid #ff5f1f;border-color:#ff5f1f}.error-label{color:#d85454}.error-container{background:#ffdbdb;border-color:#f0caca}#contact-result-message-container{margin-bottom:auto}#contact-result-message-container h4{text-align:center;margin:3px}#contact-result-message-container span{font-size:1rem;text-align:center;margin:3px}#contact-result-container svg{margin-top:auto;margin-bottom:50px;height:90px;min-height:90px}#contact-result-container polyline,line{fill:none;stroke-width:15}#contact-result-button{font-size:1rem}@media (max-aspect-ratio: 12/10){#contact-section{margin-top:10vh;align-items:center;justify-content:flex-start;height:fit-content;margin-bottom:80vh;padding:0;min-height:unset}#contact-header-container{width:580px;max-width:100%}#contact-container{max-width:100%;width:580px}}@media (max-width: 360px),(max-width: 800px) and (min-aspect-ratio: 12/10){#contact-button-container .social-icon{margin:0 4px;width:24px;height:24px}}@media (max-width: 360px),(max-width: 700px) and (min-aspect-ratio: 12/10){#fixed-contact-container,#fixed-portfolio-info{display:none}.mobile-footer{display:block}}#hover-icon{position:absolute;border-radius:50%;border-style:solid;top:0;left:0;z-index:999;transform:translate(-50%,-50%) scale(0);pointer-events:none;display:flex;justify-content:center;align-items:center;transition:height .2s,width .2s,border-color .2s,border-width .2s;opacity:0}.clickCTA:after{content:"Click to enable\asounds.";line-height:17px;white-space:pre-wrap;text-align:center;min-width:200px;position:relative;top:50px;color:#7c8594}.hover-spread{height:16px;min-width:16px;background:#FF923E;position:absolute;opacity:.1;border-radius:50%}.mobile-footer{display:none;width:100%;background-color:var(--color-background);padding:3rem 2rem;margin-top:2rem;pointer-events:auto;position:relative;z-index:3}.mobile-footer-content{max-width:800px;margin:0 auto}.mobile-contact-section{margin-top:2rem}.mobile-contact-section form{width:100%;max-width:500px;margin:2rem auto 0}.mobile-contact-section .small-button.orange-hover{background-color:var(--color-green);border-color:var(--color-green)}.mobile-contact-section .small-button.orange-hover:hover{background-color:var(--color-green-hover);border-color:var(--color-green-hover)}.mobile-contact-section .input-container{margin-bottom:1.5rem}.mobile-contact-section input,.mobile-contact-section textarea{background:transparent;color:var(--color-text);border:none;outline:none;font-size:1rem;font-family:Poppins,sans-serif;font-weight:500;resize:none;width:100%;box-sizing:border-box}.mobile-contact-section input:focus,.mobile-contact-section textarea:focus{outline:none;border:none}.mobile-contact-section .social-icons-group{padding:.5rem 0}.mobile-contact-section .social-icons-group .social-icon{margin-top:.5rem;margin-right:1.5rem}#mobile-contact-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.mobile-about-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);opacity:.6}.mobile-about-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);margin-bottom:.4rem}.mobile-about-text{font-size:12px;line-height:1.6;color:var(--color-text);margin-top:.4rem}.mobile-about-tags{margin-top:.6rem;gap:.35rem}.mobile-about-tags .button-33{font-size:11px;padding:2px 7px}@media (max-width: 968px){.mobile-footer{display:block}#fixed-contact-container,#fixed-portfolio-info{display:none!important}.section{width:100%;padding:100px 4% 250px;z-index:1;position:relative;border-radius:0}.progress-bar-wrapper-left{right:0;left:auto}.hero-main{bottom:auto;top:25%;z-index:2}.hero-second{top:auto;top:75%;z-index:2}.hero-wrapper{width:calc(100% - 60px);padding:0 20px}.hero-main-title{font-size:32px;margin-bottom:5px}.hero-main-description{font-size:18px;line-height:1.2}.hero-second-subheading{font-size:18px}.arrow-svg-wrapper{top:85%;z-index:2}}