@import url(https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);[data-theme=dark]{--bg-preset-1:#1b262c;--bg-preset-2:#3282b8;--bg-preset-3:#0f1a20;--bg-preset-4:#1b262c;--text-preset-1:#fff;--text-preset-2:#f5f5f5;--text-preset-3:#aaa;--text-preset-4:#ebfffb;--text-preset-5:#bbe1fa;--text-preset-6:#f5f5f5;--text-preset-7:#bbe1fa;--gradient-preset-1:linear-gradient(20deg,#6f2231b2,#950740,#c3073f,#9d0b28);--gradient-preset-2:linear-gradient(330deg,#0f4c75,#3282b8,#bbe1fa);--gradient-preset-3:linear-gradient(225deg,#0f4c75,#3282b8,#bbe1fa);--gradient-preset-4:linear-gradient(135deg,#3282b8,#bbe1fa);--accent-preset-1:#41859833;--accent-preset-2:#c3073f;--accent-preset-3:brown;--accent-preset-4:#3d3b4033;--accent-preset-5:#3282b8;--accent-preset-6:#3e3e4a33;--accent-preset-7:#ebfffb}[data-theme=light]{--bg-preset-1:#fff;--bg-preset-2:#ed7d31;--bg-preset-3:#abb8c3;--bg-preset-4:#f7f7ff;--text-preset-1:#f38a3f;--text-preset-2:#555;--text-preset-3:#543a3a;--text-preset-4:#33313b;--text-preset-5:#e36414;--text-preset-6:#f7f7ff;--text-preset-7:#9a031e;--gradient-preset-1:linear-gradient(20deg,#5e4db2,#9f8fef,#dfd8fd);--gradient-preset-2:linear-gradient(330deg,#a54800,#f38a3f,#fec195);--gradient-preset-3:linear-gradient(225deg,#fb8b24,#e36414,#9a031e);--gradient-preset-4:linear-gradient(135deg,#e36414,#fec195);--accent-preset-1:#e6e6fa;--accent-preset-2:#8f7ee7;--accent-preset-3:#9f8fef;--accent-preset-4:#d7d0fa33;--accent-preset-5:orange;--accent-preset-6:#f9f8f5;--accent-preset-7:#8f7ee7}:root{--loader:#c8e6ff;--loader-1:#001219;--loader-2:#005f73;--loader-3:#0a9396;--loader-4:#94d2bd;--loader-5:#e9d8a6;--loader-6:#ee9b00;--loader-7:#ca6702;--loader-8:#bb3e03;--loader-9:#ae2012;--loader-10:#9b2226;--lantern-1:#d76249;--lantern-2:#f5734f;--lantern-3:#feae55;--lantern-4:#fce059;--lantern-5:#ffff7d}body{background-color:var(--bg-preset-1);color:var(--text-preset-2);font-family:Space Grotesk,sans-serif;line-height:1.5;position:relative;transition:all .3s ease-in-out}body,html{scroll-behavior:smooth}html{scrollbar-color:var(--loader-4) #0000;scrollbar-width:thin}.App{display:none;height:100vh;opacity:0;transition:opacity .75s,visibility .75s,display .75s;visibility:hidden;width:100%}.App-visible{display:block;opacity:1;transition-delay:.85s;visibility:visible}.App:before{animation:bubble 4s ease-out forwards,wobble 60s ease 4.5s infinite;aspect-ratio:1;background-color:initial;border-radius:0 0 0 150%;box-shadow:15rem -5rem 10rem 5rem inset var(--accent-preset-4);content:"";position:absolute;right:0;top:0;transform-origin:right top;transition:box-shadow .3s ease-in;width:50%;z-index:-5}@keyframes bubble{0%,to{transform:scaleX(1.1)}50%{transform:scale(1.2)}}@keyframes wobble{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.ask{color:var(--accent-preset-5);font-family:League Spartan,sans-serif;font-size:48px;font-weight:800;position:relative;z-index:1}.ask:before{animation:blob 6s ease infinite;background:var(--accent-preset-7);background-clip:padding-box;border-radius:50%;content:"";height:3.5rem;left:0;opacity:.6;position:absolute;width:3.5rem;z-index:-1}@keyframes blob{0%,to{transform:translate(0)}20%{transform:translate(5px,5px)}40%{transform:translate(-5px,5px)}60%{transform:translate(5px,-5px)}80%{transform:translate(-5px,-5px)}}@media (max-width:990px){.ask:before{top:10px}}.auto-m{margin:0 auto}.mb{margin:0 auto 3rem}.flex-div{display:flex;flex-direction:column}.grid-section{grid-column-gap:15%;column-gap:15%;display:grid;grid-template-columns:1fr 1fr}@media (max-width:480px){html{font-size:70%}.grid-section{grid-template-columns:1fr;row-gap:3rem}.App:before{width:80%}}@media (max-width:768px){html{font-size:80%}.App:before{width:60%}}.v-animate{animation:vertical .75s ease-out forwards;opacity:0}@keyframes vertical{0%{filter:blur(.3rem);opacity:0;transform:translateY(10rem)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.h-animate{animation:horizontal .6s ease-out forwards;opacity:0}@keyframes horizontal{0%{filter:blur(.3rem);opacity:0;transform:translateX(-10rem)}to{filter:blur(0);opacity:1;transform:translateX(0)}}.hidden{opacity:0;visibility:hidden}.main-container{padding:5% 15%}.seperator{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAASCAYAAADWmO5tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JCNzlENDVBRjE3MTFFQTkxNDJFREJBQkQxREIyMzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JCNzlENDRBRjE3MTFFQTkxNDJFREJBQkQxREIyMzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5RDlBM0MwQUUxNjExRUFBNDIzQzQzMDEyRDlGREJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5RDlBM0MxQUUxNjExRUFBNDIzQzQzMDEyRDlGREJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UHHMtwAAA+xJREFUeNrsnetS2zAQheXEpAFaArRQaOm0D9Dp+78NzLTl0guUpOAUElLt5HjwZCLfIkVycnZm/5DE+OhbSau1bMdKqc/ax/BE+732O+1D1Tx7of2l9k14rL2lvZ3R+JjR+Ff7U8M0RtC4BY3djMYJWZIlWZIlWbphKR98MfxIwN5ovw5csGjY176rfbvib0XXLTTeBQ6xm9EZV/wtWYbJcg8DDVmyX5JlA1jmTZipSbZwqf0PMqWQrKf9nfYNC8fqa7/Q/i8wjQLuCCAXNbJcHZYj7VcYiMiy+f3yB1mGz7LMhJnNhr4GUkaQssBJjWynjF0heH0HrrB5DZAty8cmS7Iky/r2hizXkuVThM4sM2xHTeu1r+Ahii0z8Miyf4Dgk8Ab41xb0NlFEPRysqYhAjcJNFhHWCUm8BF0KrIkS7J0ZsLiA1muL8vI8OUNLE8PDI3mIxPKG3gE1m/tv7Q/VAgMubB7mNNoPgI3L+MZ4pz6Fc6JLFeHZYzBbJVZKkwm7JdkGRzLqATUYzW9COpLbFHGI8LOK0Kctbw6/bIyobxglQxOrj0uco2DLMmSLO2uRMhyzVgW7dBLdzglyOBnG1P+tqOmW4hHjgaej4AZzRH4HSLHC/4fuQh9A5ibhqxeQaerjOcj9M6alD5O1XR79iKWshySpTeWMvCcWWSZoPO3ybLx/ZJjbANYtmuI7c7JkGyLjUoMPKeWG3eC4+YNQj3LgSvaPhUE64Wyu+WcLP2xvHTEskOWVll2PPXLa7IMm2WVe8DKZkLJgmK7JTMeV/ctLSMTKgrWNONxdd9S2dUmWdoZeM4cspyUXG2SZfj9csIxNmyWUc2TEVFSjzbV3aUxpPb+UPGYhxCpDAPPN0dlCZNJcL5X8+vude9plGMezcki02A9R/sty1ywlPY6IMuls2xDI/slWZKlA5aRBbEnyvyEiwEgmB4DJTP/FpbhO4Zj+AjW2cCVCWXP8Hm6/XiAjGi21t9C5i8695V5m/UAwfroSWcPgUuWi7PsI0v3xTJvECLLZvVLjrEBsYwsiC1aoWTLDel9SW140c2iPjKeuoNQNvjGKGfEqvhxWb6DlSxXk2XRCoUsyZIsPUyYqcn9NseGZXBVe4DAvgrLJPjeoqRho+2uUXIYBaaTLMmSLMmSLB1OmOnxdrEsrvNIpQQCQ3ymYtY6AFrn4dnphpufKuy3FZAlWZIlWZKlwwkza10ssbfgsWGpfA+/Vc173U0EjdvwTcP3hur5dTe3qnmvuyFLsiRLslx7ltGShcfq+b1po8AznLoaW5nATWvtq6iTLMmSLMlyrVhGk8mqtSeNRqPRaPbtvwADAPjbEFwEAf+3AAAAAElFTkSuQmCC);background-position:50%;background-repeat:repeat-x;background-size:auto .5rem;filter:invert(1);margin:0 15%;padding:1rem}[data-theme=light]{.seperator{filter:opacity(0)}}@media (max-width:480px){.main-container{padding:2% 5%}}@media (max-width:768px){.main-container{padding:5% 2%}.seperator{margin:0 5%}}.main-card{background:var(--accent-preset-4);border-radius:8px;display:flex;flex-direction:column;font-size:1rem;height:100%;padding:2rem;position:relative;transition:transform .5s ease;width:100%}.icon-card,.main-card{align-items:center;justify-content:center}.icon-card{background:var(--gradient-preset-1);border-radius:50% 0 50% 50%;color:var(--text-preset-6);display:inline-flex;height:4rem;transition:all .5s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:4rem}.main-card:hover{background:var(--accent-preset-1);box-shadow:var(--accent-preset-6) 0 8px 19px 10px;transform:scale(1.05);.icon-card{border-radius:0 50% 50% 50%;transform:translateX(-1rem)}}.card-detail{align-items:center;color:var(--text-preset-3);display:inherit;flex-direction:column;text-align:center}.card-detail h1{color:var(--text-preset-2);font-size:1.6rem;margin:1rem 0}article h1{font-weight:500}.bio-container{column-gap:5rem;display:flex;flex-direction:row;justify-content:space-evenly;row-gap:5rem}.about-container{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr 1fr 1fr}.m-b{margin-bottom:5rem}.info-div{display:flex;flex-direction:column;justify-content:space-between;white-space:nowrap;width:100%}.info-div ul li span:nth-child(2){flex-grow:1}.intro{color:var(--text-preset-4);font-size:1rem;line-height:2}.details{align-items:center;display:flex;font-weight:800;margin-bottom:1rem}.social-div .social-icon:hover{background:var(--accent-preset-3)}.details span:first-child:not(.details div span:first-child){color:var(--accent-preset-2);display:inline-flex;margin-right:.5rem}.last-span{color:var(--text-preset-3);display:block;font-weight:400;text-align:end}@media (max-width:480px){.about-container{column-gap:normal;grid-template-columns:none!important;grid-template-rows:1fr 1fr 1fr;padding:0 5%;row-gap:2rem}.bio-container{flex-direction:column}}@media (max-width:1100px){.about-container{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:0 2%;row-gap:2rem}.bio-container{flex-direction:column}}.social-div{display:flex;flex-direction:row;justify-content:space-evenly}.social-div .social-icon{align-items:center;background-color:var(--accent-preset-4);border-radius:4px;display:flex;height:2.6rem;justify-content:center;margin-top:2rem;transition:background .5s ease;width:2.6rem}.social-div .social-icon,.social-div .social-icon a>*{color:var(--text-preset-2)}.scrollUp{background:var(--accent-preset-5);border:none;border-radius:10%;bottom:3rem;color:var(--bg-preset-1);cursor:pointer;height:3rem;opacity:0;position:fixed;right:3rem;rotate:-135deg;transform:translateX(-100%);transition-delay:0;transition:transform 1s,visibility 1s,opacity 1s;visibility:hidden;width:3rem}.scroll-visible{opacity:1;transform:translateX(0);visibility:visible}.scroll-icon{transform:translate(0);transition:transform 1s ease}.scrollUp:active,.scrollUp:focus{box-shadow:2px 2px 15px 2px var(--text-preset-5);.scroll-icon{transform:translate(100%,100%)}}.btn-cv{align-items:center;background:var(--bg-preset-2);background:#0000;border:none;border-radius:.3rem;color:var(--text-preset-5);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;outline:2px solid var(--bg-preset-2);padding:.6rem 1rem;transition:color .3s ease,outline .3s ease,background .3s ease}.btn-cv:disabled,.btn-cv:hover{background:var(--bg-preset-2);color:var(--text-preset-6)}.btn-cv:disabled{cursor:inherit;opacity:.75}#contact-me{background:var(--bg-preset-4);transition:background .3s ease-in-out}.contact-details,.contact-section{display:flex;flex:1 1}.contact-details{flex-direction:column;justify-content:space-between}.contact-form{animation-delay:.4s;flex:1.5 1;padding:0 20px}.connect{font-size:48px;font-weight:800}.tag{display:flex;font-size:18px;gap:10px;margin:1.5rem}.outline{border:2px solid var(--text-preset-1);border-radius:50%;color:var(--accent-preset-2);height:4rem;justify-content:center;margin:0 2rem;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;width:4rem;&:hover{background-color:var(--text-preset-1);border-color:var(--text-preset-1);*{transform:scale(1.03);transition:transform .5s ease-in-out}}}.contact-info,.outline{align-items:center;display:flex}.contact-info{margin-bottom:20px}.contact-para{color:var(--text-preset-3);font-weight:400;max-width:60%}form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:20px 0}input,textarea{background:#0000;border:.5px solid var(--text-preset-3);color:var(--text-preset-1);font-size:16px;font-weight:lighter;padding:15px;&:focus{outline-color:var(--text-preset-5)}&:disabled{border-color:var(--loader-3)}}::-webkit-input-placeholder,::placeholder{color:var(--text-preset-3)}form p,input#subject,textarea#comment{grid-column:span 2}textarea{resize:none}@media (max-width:1200px){.contact-section{flex-direction:column}form{grid-template-columns:1fr}form p,input#subject,textarea#comment{grid-column:unset}}.loader{animation:loading 3s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip-container{justify-content:center;position:relative}.tooltip-container,.tooltip-container a{align-items:center;display:flex}.tooltip{background-color:var(--accent-preset-7);border-radius:5px;color:var(--bg-preset-1);font-weight:600;left:120%;opacity:90%;padding:2px 10px;position:absolute;top:50%;transform:translate(5px,-50%)}.skill-div{margin-bottom:40px}.edu-div{padding:20px}.edu-div:hover{background:var(--accent-preset-4)}.education{font-size:1rem}.institution{font-weight:500}.degree{color:var(--text-preset-3);margin:.5rem 0}.timespan{color:var(--text-preset-5);font-style:italic}.skills{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}@media (max-width:1200px){.skills{grid-template-columns:repeat(2,1fr);row-gap:2rem}}.flip-container{align-items:center;border-radius:50%;display:flex;height:6rem;justify-content:center;overflow:hidden;perspective:800px;position:relative;width:6rem}.flip-container:before{background:var(--bg-preset-1);border-radius:50%;content:"";height:90%;position:absolute;transition:background .3s ease-in-out;width:90%}.flip-div{height:90%;transform-style:preserve-3d;transition:transform .5s;width:90%}.back,.front{align-items:center;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.back{background:var( --gradient-preset-4);color:var(--bg-preset-1);font-weight:800;opacity:.8;transform:rotateY(180deg)}.front img{height:50%;object-fit:contain;width:50%}.flip-container:hover>.flip-div{transform:rotateY(180deg);transition:transform .5s}.more-skills{grid-column:1/-1;width:100%}.more-skills p{font-size:1.1rem}.skill-list{background:var(--bg-preset-3);margin-top:1rem;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:background .3s ease-in-out;width:100%}.skill-list,.skill-slide{display:flex;white-space:nowrap}.skill-slide{animation:sliderOn 10s linear infinite;flex-direction:row}.skill-list img{height:100%;margin:0 1rem;object-fit:contain;width:3rem}.icon-name{bottom:-3.5rem;font-size:.8rem;left:auto;top:auto}@keyframes sliderOn{0%{transform:translateX(0)}to{transform:translateX(-100%)}}#experience{background:var(--bg-preset-4);transition:background .3s ease-in-out}.exp-detail{grid-column-gap:40px;border-radius:13px;column-gap:40px;display:grid;grid-template-columns:1fr 2.5fr;outline-color:var(--text-preset-1);padding:1rem;transition:all .3s ease}.exp-detail:hover{background:var(--accent-preset-4);box-shadow:var(-accent-preset-4) 0 7px 29px 0}.company{padding:0 20px}.position{margin-bottom:15px}.status{background-color:var(--accent-preset-2);border-radius:5px;color:var(--text-preset-6);font-weight:600;margin-top:10px;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.exp-para{color:var(--text-preset-3);font-size:1rem;line-height:2;margin-bottom:50px}.stepper{background-color:var(--text-preset-2);margin:20px 0 20px 40px;padding:40px 0;position:relative;width:1px}.stepper:after,.stepper:before{background-color:var(--accent-preset-2);border-radius:50%;content:"";height:5px;position:absolute;width:5px}.stepper:before{left:-2px;top:0}.stepper:after{bottom:0;right:-2px}@media (max-width:480px){.exp-detail{grid-template-columns:1fr;row-gap:2rem}.stepper{display:none}}.footer{align-items:center;background-color:var(--bg-preset-3);color:var(--text-preset-6);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:1rem 15rem}.cpyryt{text-wrap:nowrap;font-weight:300}.icon-div{display:inherit;gap:4rem}.icon-div a{color:var(--text-preset-6);cursor:pointer;&:hover{scale:1.2;transition:scale .3s ease-in-out}}@media (max-width:1200px){.footer{flex-direction:column;row-gap:2rem}}.homepage{height:calc(100vh - 6rem);overflow:hidden;padding:0 15%;position:relative}.container{display:flex;flex-direction:column;font-size:2rem;height:100vh;justify-content:center;transform:translateY(-5rem)}.wave{animation:waveAnimation 2s infinite;display:inline-block}@keyframes waveAnimation{0%,to{transform:translateZ(0) scale(1)}15%{transform:translate3d(-25%,0,0) rotate(-5deg) scale(1.1)}30%{transform:translate3d(20%,0,0) rotate(3deg) scale(1.2)}45%{transform:translate3d(-15%,0,0) rotate(-3deg) scale(1.3)}60%{transform:translate3d(10%,0,0) rotate(2deg) scale(1.2)}75%{transform:translate3d(-5%,0,0) rotate(-1deg) scale(1.1)}}.header{animation-delay:.1s;font-size:1.4rem}.name{animation-delay:.2s;font-size:3.5rem;line-height:1}.name span{-webkit-text-fill-color:#0000;background:var(--gradient-preset-2);-webkit-background-clip:text;background-clip:text;display:inline-block;letter-spacing:2px;transition:background .5s ease-in-out}.title-div{text-wrap:nowrap;height:4rem;overflow:hidden;position:relative}.title{-webkit-text-fill-color:#0000;animation:vertical .6s ease-out .3s forwards,slide-in 9s 2s infinite;background:var(--gradient-preset-1);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:2.2rem;font-style:italic;font-weight:600;opacity:0;width:-webkit-max-content;width:max-content}@keyframes slide-in{0%,28.7%{transform:translateY(0)}33.7%,62.4%{transform:translateY(-100%)}67.4%,96%{transform:translateY(-200%)}97%,98%{display:none;transform:translateY(-300%)}99%,to{display:none;transform:translateY(100%)}}.para{animation-delay:.4s;color:var(--text-preset-4);font-size:1rem;max-width:40rem}.cv{animation-delay:.5s;display:inline-block;margin-top:1rem}.wave-bg{align-items:end;animation:wave-effect2 15s ease-in-out infinite;aspect-ratio:1/1.3;border-radius:0 0 26% 53%/0 0 39% 54%;display:grid;justify-content:center;overflow:hidden;right:25vh;top:0}.wave-bg,.wave-div{position:absolute;width:30rem;z-index:-2}.wave-div{animation:wave-effect 15s ease-in-out infinite;background:var(--gradient-preset-1);border-radius:45% 58% 0 0/55% 21% 0 0;height:30rem}.wave-bg img{height:auto;width:100%}@keyframes wave-effect{0%,to{border-radius:50% 50% 0 0/50% 50% 0 0}20%{border-radius:40% 60% 0 0/50% 50% 0 0;transform:translate(1rem,1rem)}40%{border-radius:60% 40% 0 0/50% 50% 0 0;transform:translate(-1rem,1rem)}60%{border-radius:30% 70% 0 0/50% 50% 0 0;transform:translate(1rem,-1rem)}80%{border-radius:70% 30% 0 0/50% 50% 0 0;transform:translate(-1rem,-1rem)}}@keyframes wave-effect2{0%,to{border-radius:0 0 50% 50%/0 0 50% 50%}20%{border-radius:0 0 70% 30%/0 0 50% 50%;transform:translate(1rem,1rem)}40%{border-radius:0 0 50% 70%/0 0 50% 50%;transform:translate(-1rem,1rem)}60%{border-radius:0 0 40% 60%/0 0 50% 50%;transform:translate(1rem,-1rem)}80%{border-radius:0 0 60% 40%/0 0 50% 50%;transform:translate(-1rem,-1rem)}}@media (max-width:480px){.homepage{height:auto;padding:5%!important}.container{height:100vh;justify-content:flex-end}}@media (max-width:768px){.homepage{padding:10%}.wave-bg{background-position:100%;right:auto;top:10%}}.nav-body{align-items:center;display:flex;flex-direction:row;gap:5%;height:6rem;padding:0 20rem;position:relative;width:auto}.head-tag:after,.nav-body:before{background-color:var(--text-preset-2);bottom:50%;content:"";height:1px;position:absolute;transform-origin:left}.nav-body:before{animation:navline 2s forwards;left:2rem;width:18rem}.head-tag:after{animation:navline 4s 3s forwards;opacity:0;right:0;width:calc(90% - 44rem)}@keyframes navline{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.head-tag{text-wrap:nowrap;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;letter-spacing:3px;padding:0 .5rem}.lantern{animation:view 4s ease infinite,lights .75s ease 1s infinite;opacity:0}.lantern:hover{animation:none 0s ease 0s 1 normal none running;animation:initial;opacity:1;transform:translateY(50%)}@keyframes view{0%,to{opacity:1;transform:rotate(15deg) translateY(50%) rotateY(0deg)}25%{opacity:1;transform:rotate(-15deg) translateY(50%) rotateY(135deg)}50%{opacity:1;transform:rotate(20deg) translateY(50%) rotateY(180deg)}75%{opacity:1;transform:rotate(-20deg) translateY(50%) rotateY(45deg)}}@keyframes lights{0%,to{color:var(--lantern-1)}20%{color:var(--lantern-2)}40%{color:var(--lantern-3)}60%{color:var(--lantern-4)}80%{color:var(--lantern-5)}}@media (max-width:850px){.nav-body{display:none}}.preloader{animation:background 2s infinite;display:flex;height:100vh;justify-content:space-evenly;position:fixed;transform-origin:top left;transition:opacity .75s,visibility .75s;width:100%}.preloader-hidden{opacity:0;visibility:hidden}.preloader:before{animation:rotate 2s ease infinite;border:10px solid #0000;border-radius:50%;content:"Loading..";font-size:2rem;font-weight:600;height:4rem;position:absolute;top:50%;width:4rem;z-index:10}@keyframes rotate{0%{border-top-color:#0000}to{border-top-color:var(--loader)}}@keyframes background{0%,to{background:var(--loader-1)}50%{background:var(--loader-10)}}.strip-1,.strip-2,.strip-3,.strip-4,.strip-5{position:relative;width:20%}.strip-1:after,.strip-1:before,.strip-2:after,.strip-2:before,.strip-3:after,.strip-3:before,.strip-4:after,.strip-4:before,.strip-5:after,.strip-5:before{animation:roll 2s infinite;content:"";height:100vh;position:absolute;top:0;transform-origin:top;visibility:hidden;width:50%}.strip-1:before,.strip-2:before,.strip-3:before,.strip-4:before,.strip-5:before{left:0}.strip-1:after,.strip-2:after,.strip-3:after,.strip-4:after,.strip-5:after{right:0}.strip-1:before{background:var(--loader-1)}.strip-1:after{animation-delay:.1s;background:var(--loader-2)}.strip-2:before{animation-delay:.2s;background:var(--loader-3)}.strip-2:after{animation-delay:.3s;background:var(--loader-4)}.strip-3:before{animation-delay:.4s;background:var(--loader-5)}.strip-3:after{animation-delay:.5s;background:var(--loader-6)}.strip-4:before{animation-delay:.6s;background:var(--loader-7)}.strip-4:after{animation-delay:.7s;background:var(--loader-8)}.strip-5:before{animation-delay:.8s;background:var(--loader-9)}.strip-5:after{animation-delay:.9s;background:var(--loader-10)}@keyframes roll{0%{transform:scaleY(0);visibility:visible}50%{transform:scale(1);visibility:visible}to{transform:translateY(100%);visibility:visible}}@media (max-width:500px){.preloader,.strip-1:after,.strip-1:before,.strip-2:after,.strip-2:before,.strip-3:after,.strip-3:before,.strip-4:after,.strip-4:before,.strip-5:after,.strip-5:before{height:100%}}.project-title{color:var(--text-preset-5);font-size:36px;font-weight:800;margin:0;text-decoration:underline;text-underline-offset:10px}.space{column-gap:2%;white-space:normal}.context-div{gap:1rem;justify-content:center;padding:0 10px}.context-div h3{width:80%}.project-context{align-items:center;background:var(--accent-preset-3);border-radius:1rem;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.project-context img{height:75%;object-fit:contain;width:75%}.tool-div{display:flex;flex-direction:row;gap:10px}.img-div{height:100%;min-height:20rem}.carousel-div{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.inner{height:100%;transition:transform .3s;white-space:nowrap;width:100%}.indicators{align-items:center;display:flex;justify-content:center;margin-top:20px}.indicator-buttons{background:none;border:none;cursor:pointer}.indicator-icon{color:var(--accent-preset-5);transition:transform .3s ease;&:hover{color:var(--text-preset-5);transform:scale(1.2)}}.bullets{background:var(--accent-preset-5);border:2px solid var(--accent-preset-5);border-radius:9999px;height:12px;transition:transform .3s ease;width:30px;&:hover{background:var(--text-preset-5);border-color:var(--text-preset-5)}}.sbar-body{background:var(--gradient-preset-3);border-radius:10px;bottom:0;display:flex;height:auto;margin:10px;top:0;transition:box-shadow .2s ease-in,background .3s ease-in-out;width:10rem}.sbar-body,.sbar-small{flex-direction:column;left:0;position:fixed;z-index:10}.sbar-small{align-items:center;background:var(--gradient-preset-4);border-radius:3rem 0;bottom:5rem;display:none;height:50vh;transform:translateX(-100%);transition:transform .3s linear;width:5rem}.sbar-small.open{transform:translateX(0)}.opener{align-items:center;background:var(--gradient-preset-4);border-radius:0 1.5rem 1.5rem 0;display:flex;height:5rem;position:absolute;right:-2rem;top:0;transition:.3s linear;width:2rem}.opener.open{right:-1.5rem;scale:.5 1}.logo-img{align-items:center;color:var(--bg-preset-1);display:flex;height:auto;justify-content:center;padding:1rem;width:100%}.logo-img h1,.logo-small{font-family:Leckerli One,cursive!important}.logo-img h1 span,.logo-small{color:var(--text-preset-7)}.sbar-icon-div{align-items:center;display:inherit;flex:1 1;flex-direction:column;justify-content:space-evenly;padding:80px 0}.sbar-icon{color:var(--text-preset-6);transition:transform .3s ease;&:hover{color:var(--bg-preset-1);transform:scale(1.2)}}.logo-small{display:none;font-size:3rem;left:1rem;position:absolute;top:1rem}@media (max-width:850px){.sbar-body{display:none}.logo-small{display:block}.sbar-small{display:flex}.sbar-icon-div{padding:10px 0}}@media (max-width:1200px){.sbar-body{width:5rem!important}.logo-img{font-size:.8rem}}@media (max-width:1400px){.sbar-body{width:8rem}.logo-img{flex-direction:column}.logo-img h1 span{display:block;order:1}.toggle-btn{transform:rotate(-90deg) translateX(1rem)}}.sbar-body:before{animation-timeline:scroll();animation:scaling 1s ease;background-color:var(--accent-preset-2);border-radius:10px;content:"";height:calc(100vh - 24px);left:0;position:absolute;top:2px;transform-origin:top;width:.35rem}@keyframes scaling{0%{transform:scaleY(0)}to{transform:scale(1)}}.toggle-btn{background:var(--bg-preset-1);border-radius:5rem;color:var(--bg-preset-1);cursor:pointer;display:block;height:2.5rem;margin:0 auto 20px;position:relative;width:5rem}.toggle-btn>svg:first-child,.toggle-btn>svg:last-child{position:absolute;top:.78rem;z-index:5}.toggle-btn>svg:first-child{left:.7rem}.toggle-btn>svg:last-child{right:.7rem}.toggle-btn:after{background:var(--text-preset-1);border-radius:1.95rem;content:"";height:1.95rem;position:absolute;right:.3rem;top:.3rem;transition:all .2s linear;width:1.95rem}input#toggle-theme{height:0;visibility:hidden;width:0}input:checked+.toggle-btn:after{right:76px;transform:translateX(100%)}.toggle-btn:active:after{width:50px}
/*# sourceMappingURL=main.c31a88a8.css.map*/