@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";nav{width:100vw;display:flex;justify-content:center;align-items:center;height:80px;position:fixed;font-family:var(--main-font);font-weight:700;z-index:1000}nav ul{height:45px;width:fit-content;padding:1.5rem .8rem;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.5rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}nav ul li{display:inline}nav ul li a{width:30%;padding:.5rem;border-radius:2rem;color:var(--text);transition:.15s ease-in-out;font-size:1rem!important;position:relative}.indicator{border-radius:2rem;position:absolute;bottom:0;left:13px;top:15%;height:35.33px;width:91.94px;z-index:-1;background-color:var(--secondary);transition:all .15s linear}ul{position:relative}.active{color:var(--text)}.nav_btn:hover:not(.active){background-color:rgb(from var(--secondary) r g b / 30%)}footer{font-family:var(--main-font);color:var(--text);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer__top{display:flex;align-items:start;justify-content:start;gap:5vw}footer .__spotify{width:400px;height:fit-content;text-align:center;align-self:flex-start}footer .__contact{display:flex;gap:5vw}footer .__contact p{display:flex;flex-direction:column}p a,p h5{color:var(--text);padding:.5rem}p h5{font-size:1rem}p a:hover{color:var(--accent)}footer .footer__bottom{width:100%;height:120px;display:flex;justify-content:center;gap:.3vw;position:relative}.footer__bottom .line-holder{display:flex;justify-content:end;align-items:end}.copyright{text-align:center}@media screen and (max-width:992px){footer .__spotify{width:fit-content}}@media screen and (max-width:768px){footer{height:80vh;gap:2rem}footer .footer__top{flex-direction:column;gap:1rem!important}footer .__spotify{height:200px}footer .footer__top{gap:0}}.theme{cursor:pointer;color:var(--accent);font-size:3rem;position:absolute;left:65%;top:-20%;filter:drop-shadow(0px 0px 30px var(--primary))}.hero{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--heading-font);font-size:calc(1rem + 3vw);color:var(--text)}.hero h1,.hero p{opacity:0;padding:0;animation:fromTop .35s linear forwards}.hero p{font-family:var(--main-font);font-size:calc(1rem + 1vw);animation-delay:.2s}.text-animation span{position:relative}.text-animation span:before{content:"";color:var(--primary);animation:words 25s infinite}.text-animation span:after{content:"";background-color:var(--background);position:absolute;width:calc(100% + 8px);height:102%;border-left:1px solid var(--text);right:-8px;z-index:1;animation:cursor .6s infinite,typing 25s steps(14) infinite}@keyframes cursor{to{border-left:5px solid var(--text)}}@keyframes words{0%,20%{content:"Geek"}21%,40%{content:"Software Engineer"}41%,60%{content:"Seeker"}61%,to{content:"Builder"}}@keyframes typing{10%,15%,30%,50%,55%,70%,75%,90%,95%{width:0}5%,20%,25%,40%,45%,60%,65%,80%,85%{width:calc(100% + 8px)}}.code,.mug{position:absolute;filter:drop-shadow(0 0 30px var(--text));animation:pop .25s ease-in forwards;z-index:100;scale:0}.code{left:75vw;top:10vh;animation-delay:.3s}.mug{top:75vh;left:15vw;animation-delay:.5s}@keyframes pop{0%{scale:0}to{scale:1}}@media screen and (max-width:768px){.hero{height:50vh;font-size:calc(1rem + 2vw)}.hero h1{font-size:3rem}.code,.mug{font-size:2rem;top:80%}}.card__wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;margin-bottom:3rem}.card{font-family:var(--main-font);display:flex;justify-content:center;align-items:center;gap:2rem;width:80%;background:var(--background);padding:1.5rem;border-radius:2rem;box-shadow:0 0 10px .5px var(--secondary)}.c__img{width:60%;aspect-ratio:16/10;overflow-y:hidden;border-radius:1.5rem;box-shadow:0 0 3px .1px var(--secondary)}.c__img img{width:100%}.c__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--text);text-align:center;padding:2rem}.c__img-placeholder h3{font-size:2rem;font-weight:700;color:#fff}@media screen and (max-width:768px){.card{border-radius:1rem;flex-direction:column!important;width:90%}.c__img{border-radius:.8rem;width:100%}.c__content{gap:1rem;width:100%}.c__img-placeholder h3{font-size:1.5rem}}.c__content{align-self:flex-center;display:flex;flex-direction:column;justify-content:space-evenly;gap:2.5rem;width:50%;margin-top:1rem;text-align:center;color:var(--text)}.c__tech{display:flex;justify-content:center;gap:1rem}.c__tech span{padding:.5rem 1rem;border:1px solid var(--primary);border-radius:.3rem;box-shadow:0 0 2px .1px var(--secondary)}.c__btn{display:flex;justify-content:center;align-items:center;gap:1rem}.c__btn a{color:var(--text);padding:.5rem 1rem;font-size:1.2rem}.c__btn a span{margin-right:.5rem}.live{font-size:1rem}@media screen and (max-width:768px){.card{border-radius:1rem;flex-direction:column!important;width:90%}.c__img{border-radius:.8rem;width:100%}.c__content{gap:1rem;width:100%}}.about{font-family:var(--main-font);color:var(--text)}h1{text-align:center;padding-block:7rem 2rem;font-size:calc(7rem + 1vw);animation:fromTop .35s linear forwards;transform:translateY(-50px);opacity:0}.profile{display:flex;align-items:center;padding:5vw 10vw;text-align:left;gap:5vw;animation:fromTop .35s linear forwards;animation-delay:.35s;transform:translateY(-50px);opacity:0}@keyframes fromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.profile .img{width:clamp(300px,50%,500px)}.profile img{width:100%;object-fit:fit;border-radius:10rem 10rem 0 0}.profile h6{font-size:calc(2rem + 1vw)}.profile p{margin-top:2rem;font-size:1rem;line-height:2rem}.progress{display:flex;flex-direction:column;align-items:center}.progress h2{text-align:center;font-size:calc(3rem + 1vw)}.wrap{padding-block:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.wrap h3{font-size:calc(1rem + 1vw)}.pro{text-align:center}.icon{margin-top:1rem;scale:1.2}.jects{padding-block:.5rem}.tech{font-style:italic}.vertical{margin-block:.5rem;height:2rem;width:3px;background-color:var(--text)}@media screen and (max-width:768px){h1{font-size:5rem}.profile{flex-direction:column}.profile p,h6{text-align:justify}.profile h6{font-size:2rem}.progress h2{font-size:3rem!important}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:1rem}::selection{background-color:var(--accent);color:var(--background)}:root{--text: rgb(19, 15, 11);--background: rgb(244, 243, 241);--primary: rgb(41, 33, 20);--secondary: rgb(161, 149, 135);--accent: rgb(106, 95, 78);--main-font: "Montserrat", sans-serif;--heading-font: "DM Serif Display", serif}.dark-theme{--text: rgb(244, 240, 236);--background: rgb(14, 13, 11);--primary: rgb(235, 227, 214);--secondary: rgb(120, 108, 94);--accent: rgb(177, 166, 149)}body{background:var(--background);position:relative;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:var(--heading-font)}