@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";@import"https://fonts.googleapis.com/css?family=Fira+Mono:400";*{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: #e5a1aa;--color-green-light: #7ad0ac;--color-blue-light: #8395cd;--color-text-dark: #faf4e5;--color-background-dark: #8395cd;--light-terminal-bg: #ffffff;--light-terminal-text: #333333;--light-terminal-title: #ffffff;--light-terminal-prompt: #0000ff;--light-terminal-link: #0000ff;--light-terminal-highlight: #ff0000;--light-terminal-glow: 0;--dark-terminal-bg: #002316;--dark-terminal-text: #7fff73;--dark-terminal-title: #000000;--dark-terminal-prompt: #569cd6;--dark-terminal-link: #4ec9b0;--dark-terminal-highlight: #ce9178;--dark-terminal-glow: 1}.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);--terminal-bg: var(--light-terminal-bg);--terminal-text: var(--light-terminal-text);--terminal-prompt: var(--light-terminal-prompt);--terminal-link: var(--light-terminal-link);--terminal-highlight: var(--light-terminal-highlight);--terminal-title: var(--light-terminal-title);--terminal-glow: var(--light-terminal-glow)}.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);--terminal-bg: var(--dark-terminal-bg);--terminal-text: var(--dark-terminal-text);--terminal-prompt: var(--dark-terminal-prompt);--terminal-link: var(--dark-terminal-link);--terminal-highlight: var(--dark-terminal-highlight);--terminal-title: var(--dark-terminal-title);--terminal-glow: var(--dark-terminal-glow)}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.hidden{display:none}.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:60%;font-weight:1000;font-size:28px;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:1000px 4%;margin:0;background-color:var(--color-background);overflow:hidden}.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)}.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:50px;left:0;color:var(--color-text)}.hero-second{position:absolute;top:calc(50% - 120px);right:-125px;color:var(--color-text)}.hero-main-title{font-size:50px;color:var(--color-text)}.hero-main-description{font-size:16px;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)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}.flip-card-container{--hue: 150;--primary: hsl(var(--hue), 50%, 50%);--white-1: hsl(0, 0%, 90%);--white-2: hsl(0, 0%, 80%);--dark: hsl(var(--hue), 25%, 10%);--grey: hsl(0, 0%, 50%);width:310px;height:500px;margin:40px;perspective:1000px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column}.flip-card{width:inherit;height:inherit;position:relative;transform-style:preserve-3d;transition:.6s .1s}.flip-card-container:hover .flip-card,.flip-card-container:focus-within .flip-card{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;border-radius:24px;background:var(--dark);position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.card-front{transform:rotateY(0);z-index:2}.card-back{transform:rotateY(180deg);z-index:1}.archived-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#fff;background-color:red;padding:2px 5px;filter:blur(.5px)}figure{z-index:-1}figure,.img-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}img{height:100%;border-radius:24px}figcaption{display:block;width:auto;margin-top:12%;padding:8px 22px;font-weight:700;line-height:1.6;letter-spacing:2px;word-spacing:6px;text-align:right;position:absolute;top:0;right:12px;color:var(--color-pink);background:hsla(var(--hue),25%,10%,.8)}.img-bg{background:hsla(var(--hue),25%,10%,.3)}.card-front .img-bg{clip-path:polygon(0 20%,100% 40%,100% 100%,0 100%)}.card-front .img-bg:before{content:"";position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(18deg);width:100%;height:6px;border:1px solid var(--color-background);border-left-color:transparent;border-right-color:transparent;transition:.1s}.card-back .img-bg{clip-path:polygon(0 0,100% 0,100% 80%,0 60%)}.flip-card-container:hover .card-front .img-bg:before{width:6px;border-left-color:var(--primary);border-right-color:var(--primary)}ul{padding-top:50%;margin:0 auto;width:70%;height:100%;list-style:none;color:var(--white-1);display:flex;justify-content:center;align-items:center;flex-direction:column}li{width:100%;margin-top:12px;padding-bottom:12px;font-size:14px;text-align:center;position:relative}li:nth-child(2n){color:var(--white-2)}li:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;opacity:.2}button{font-family:inherit;font-weight:700;color:var(--color-blue);letter-spacing:2px;padding:9px 20px;border:1px solid var(--color-blue);border-radius:1000px;background:transparent;transition:.3s;cursor:pointer}button:hover,button:focus{color:var(--color-pink);background:hsla(var(--hue),25%,10%,.7);border-color:currentColor}button:active{transform:translate(2px)}.design-container{--tr: 90;--op: 1;width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;pointer-events:none}.design{display:block;background:var(--color-pink-light);position:absolute;opacity:var(--op);transition:.3s}.design--1,.design--2,.design--3,.design--4{width:1px;height:100%}.design--1,.design--2{top:0;transform:translateY(calc((var(--tr) - (var(--tr) * 2)) * 1%))}.design--1{left:20%}.design--2{left:80%}.design--3,.design--4{bottom:0;transform:translateY(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%))}.design--3{left:24%}.design--4{left:76%}.design--5,.design--6,.design--7,.design--8{width:100%;height:1px}.design--5,.design--6{left:0;transform:translate(calc((var(--tr) - (var(--tr) * 2)) * 1%))}.design--5{top:41%}.design--6{top:59%}.design--7,.design--8{right:0;transform:translate(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%))}.design--7{top:44%}.design--8{top:56%}button:hover+.design-container,button:active+.design-container,button:focus+.design-container{--tr: 20;--op: .7}.abs-site-link{position:fixed;bottom:20px;left:20px;color:#fff9;font-size:16px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width: 968px){.intro-text{top:55%;font-size:20px;left:50%}.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:20px}.hero-main-description{font-size:10px}.hero-second-subheading{font-size:18px}.row{grid-template-columns:1fr}.hero-second{right:0}.flip-card-container{flex-direction:column;align-items:center;width:100%}.flip-card{width:90%;max-width:400px}}.column{flex:50%}.row{align-content:center;align-items:center;display:grid;grid-template-columns:repeat(2,1fr)}.blured-list{backdrop-filter:blur(100px);padding:.4em;background-color:#656565;border-radius:10px;font-family:Roboto,sans-serif}.double-val-label{display:table;font-family:Roboto,sans-serif;margin:.4em}.double-val-label>span{background-color:#656565;color:#fff;display:table-cell;font-size:.9em;font-weight:400;line-height:1;padding:.3em .6em;text-align:center;vertical-align:baseline;white-space:nowrap;&:first-child{border-bottom-left-radius:.25em;border-top-left-radius:.25em}&:nth-child(2){border-bottom-right-radius:.25em;border-top-right-radius:.25em}}.double-val-label>span.success{background-color:#5cb85c80;border-top-left-radius:25px;border-bottom-left-radius:25px}.double-val-label>span.details{border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#656565}cli-portfolio{--size: 1;--color: var(--terminal-text);--background: var(--terminal-bg);--glow: var(--terminal-glow);--animation: terminal-blink}.terminal-container{display:none;position:relative;width:110%;height:400px}.glitch-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--terminal-bg);z-index:1000}.terminal{width:100%;height:100%}.glitch-container.fade-out{opacity:0}.glitch{color:#fff;font-size:5rem;text-shadow:2px 2px #ff00de,-2px -2px #00ff9d;animation:glitch 1s linear infinite;mix-blend-mode:difference}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}.glitch:before,.glitch:after{content:attr(title);position:absolute;left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.glitch:before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}.glitch:after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);-webkit-clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes glitchBotom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(-2px)}62%{transform:translate(-22px,5px) skew(21deg)}}.command{cursor:pointer}#fullscreen-terminal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--terminal-bg);z-index:9999}#new-fullscreen-terminal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--terminal-bg);z-index:99999}#new-fullscreen-terminal .terminal{--color: var(--terminal-text);--background: var(--terminal-bg);--size: 1.2;--glow: var(--terminal-glow)}