:root{--bg-color: black;--project-bg: #131818;--default-text: white;--darker-text: rgba(255, 255, 255, .7);--blue-text: #75dff1;--warm-orange: #ffcc80;--shadow: rgba(255, 204, 128, .35);--redish-brown: #a78c8c;--font-poppins: "Poppins", sans-serif;--font-ubuntu: "Ubuntu", sans-serif;--font-big-shoulders: "Big Shoulders", sans-serif}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--default-text)}::selection{background-color:var(--warm-orange);color:var(--bg-color)}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:var(--warm-orange);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--redish-brown)}body{background-color:var(--bg-color);color:var(--default-text);font-family:var(--font-poppins);overflow-y:scroll;height:100vh;height:100dvh}#root{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem}.hover:hover{scale:1.01;transform:translate(-3px,-1px);cursor:pointer}.home--container{width:min(700px,90vw);display:flex;justify-content:center;flex-direction:column;align-items:center}.home--hero{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;position:relative;bottom:5rem}.hero--body{height:min(300px,40%)}.navbar--container{width:100%;display:flex;justify-content:center;margin-top:40px}.navbar{position:relative;width:50%;background-color:var(--project-bg);background:transparent;border:solid 2px var(--project-bg);border-radius:35px;padding:10px 0;display:flex;justify-content:space-evenly;animation:shinny .5s ease-in-out;overflow:hidden;transition:transform .3s ease-in-out}.navbar:before{content:"";position:absolute;top:50%;left:-150%;width:20%;height:100%;background:linear-gradient(-120deg,#fff0 30%,#fff3,#fff0 70%);transform:translateY(-50%);animation:slidehorizontalLeft 8s infinite;animation-delay:.75s}@keyframes slidehorizontalLeft{0%{left:100%}to{left:-100%}}.navbar:hover{box-shadow:0 0 10px 5px var(--shadow)}.navbar--item{font-size:12px;color:var(--redish-brown);font-weight:600}.navbar--item:hover{color:var(--warm-orange)}.home--header{margin-top:0rem;width:100%;display:flex;align-content:center;flex-direction:column;flex-wrap:wrap;animation:shinny .5s ease-in-out}.home--name{font-family:var(--font-big-shoulders);display:flex;font-size:50px;font-weight:1000;gap:10px}.home--name span{background:linear-gradient(to bottom,var(--default-text) 30%,var(--warm-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home--socials--wrapper{margin-top:1rem;display:flex;padding:0 20px;gap:10px}.home--socials--wrapper a{text-decoration:none;color:var(--default-text)}.home--socials{font-size:25px;color:var(--redish-brown);transition:all .3s ease-in-out}.home--web--dev{width:0;margin:.5rem 0;font-size:22px;align-self:flex-start;font-weight:600;font-family:var(--font-ubuntu);color:var(--blue-text)}.typewriter{overflow:hidden;border-right:.15em solid var(--warm-orange);white-space:nowrap;letter-spacing:.15em;animation:typing 2.2s steps(40,end) forwards,blink-caret .75s step-end infinite;animation-delay:.7s}@keyframes typing{0%{width:0}to{width:231px}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes shinny{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.home--techstack{opacity:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,115px));gap:10px;justify-content:center;animation:fadein 2s forwards;animation-delay:.7s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.home--skill{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;font-size:11px;background:transparent;color:#fff;border-radius:5px;border:1px solid var(--redish-brown);overflow:hidden;transition:transform .3s ease-in-out}.home--skill:before{content:"";position:absolute;top:50%;left:-150%;width:100%;height:100%;background:linear-gradient(120deg,#fff0 30%,#fff3,#fff0 70%);transform:translateY(-50%);animation:slidehorizontal 8s infinite}@keyframes slidehorizontal{0%{left:-100%}to{left:100%}}.home--skill--icon{font-size:18px;text-align:center;display:flex;justify-content:center;align-items:center}.home--about{opacity:0;margin-top:1.5rem;color:var(--redish-brown);font-family:var(--font-ubuntu);text-align:justify;animation:fadein 2s forwards;animation-delay:.7s;font-weight:450}.home--project--wrapper{margin-top:2rem;display:flex;flex-direction:column;width:min(1000px,90vw);opacity:0;animation:fadein 2s forwards;animation-delay:.7s}.project--heading{text-align:center;width:100%;font-size:28px;font-weight:450;font-family:var(--font-ubuntu);opacity:0;animation:fadein 2s forwards;animation-delay:.7s;animation:appear linear forwards;animation-timeline:view();animation-range:entry 20% cover 40%;background:linear-gradient(to bottom,var(--default-text) 30%,var(--warm-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home--project{opacity:0;width:100%;min-height:300px;display:flex;flex-direction:row;justify-content:space-between;background-color:var(--project-bg);border-radius:1rem;box-shadow:0 0 10px 4px var(--shadow);gap:20px;padding:40px clamp(20px,2.5vw,40px);margin:20px 0;align-items:center;animation:appear linear forwards;animation-timeline:view();animation-range:entry 20% cover 40%}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.home--project--img{width:40%;border-radius:5px}.project--title{font-size:24px;width:max-content;background:linear-gradient(to bottom,var(--default-text) 30%,var(--warm-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.project--des{margin-top:1rem;text-align:justify;padding:0px clamp(20px,2.5vw,40px);font-size:14px;font-weight:300;font-family:var(--font-poppins)}.project--techstack{margin-top:1.5rem}.project--btns{margin-top:1rem;width:100%;display:flex;padding-right:clamp(20px,2.5vw,40px);justify-content:flex-end;gap:10px}.project--btns a{text-decoration:none;color:var(--default-text)}.project--btn{font-size:26px;color:var(--redish-brown)}.home--info{padding:20px;width:min(1000px,90vw);margin-top:2rem;display:flex;flex-direction:row;justify-content:space-around;gap:2rem}.contact--wrapper{display:flex;flex-direction:column}.contact--heading{display:flex;gap:5px;align-items:center;font-size:22px;font-weight:450;background:linear-gradient(to bottom,var(--default-text) 30%,var(--warm-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact--body{margin-top:1rem;padding-left:15px}.contact--item a{display:flex;align-items:center;padding:10px 0;font-size:18px;gap:10px;opacity:0;animation:slidein2 linear forwards;animation-timeline:view();animation-range:entry 10% cover 40%}.contact--icon{color:var(--redish-brown);font-size:26px}.education--wrapper{position:relative;overflow:clip}.education--wrapper ul li::marker{font-size:1.5em;color:var(--blue-text)}.education--heading{display:flex;gap:5px;align-items:center;font-weight:450;font-size:22px;background:linear-gradient(to bottom,var(--default-text) 30%,var(--warm-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.education--timeline{margin-top:1.5rem;position:relative;padding-left:40px}.education--timeline:before{content:"";position:absolute;top:-1rem;left:20px;width:3px;bottom:.8rem;z-index:-1;background-color:var(--redish-brown)}.education--item{opacity:0;color:var(--default-text);position:relative;padding:20px 0;bottom:1.5rem;font-size:14px;animation:slidein linear forwards;animation-timeline:view();animation-range:entry 10% cover 40%}.education--item:last-child{margin-bottom:0;padding-bottom:0}.footer{height:10vh;width:100%;display:flex;justify-content:center;align-items:center;color:var(--darker-text);font-size:12px;background-color:var(--project-bg)}@keyframes slidein{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes slidein2{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.education--item--duration{color:var(--redish-brown)}.education--item--name{font-size:18px}.education--item--des{color:var(--darker-text)}@media (max-width: 750px){.home--project--img{display:none}.home--project--details{width:100%}.home--info{flex-direction:column}.contact--wrapper{margin-top:2rem}}@media (max-width: 600px){.home--hero{height:85vh;height:85dvh}.navbar{width:90%}.navbar--container{margin-top:4rem;justify-content:center}.navbar--item{font-size:14px}.home--name{display:flex;flex-direction:column;align-items:flex-start}.home--header{align-content:flex-start;margin-left:5vw}.home--project{flex-direction:column;justify-content:center;padding:30px 20px 20px;min-height:400px}.project--des{padding:0 10px;text-align:left}.education--timeline:before{left:23.5px}}@media (max-width: 600px) and (max-height: 700px){.home--name{font-size:36px;margin-top:2rem}}