@import"https://fonts.googleapis.com/css2?family=Quicksand&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";@import"https://fonts.googleapis.com/css?family=Lato:300,400|Poppins:300,400,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Khand:wght@600&family=Quicksand&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css";@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes typing{0%{width:0}to{width:100%}}*{overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{align-items:center;justify-content:flex-start;width:100%;height:210vh;background-color:#1a1a1a;display:flex;flex-direction:column}.bg-image{width:100%;height:85vh}.video-container{margin-top:8vh;width:100%;height:75vh;overflow-y:hidden}#bg-video{object-fit:cover;height:75vh;width:100%}#black-cover{margin-top:8vh;position:absolute;width:100%;height:75vh;background-color:#00000080}#pfp{width:400px;height:auto;border-radius:25px;box-shadow:0 0 15px 5px #ffffff80}@media (max-aspect-ratio: 1/.7){.profile-container{flex-direction:column}.block1,.block2{width:100%!important}.desc-text{letter-spacing:1px;line-height:3vw!important}}.profile-container{display:flex;justify-content:center;align-items:center;margin-top:20vh;margin-top:30vh;gap:10vw;padding:20px;margin-left:20%}.title-container{gap:2vh;margin-right:20vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:40vw;height:40vh}#down-arrow{color:#fff3;font-size:4vw;position:absolute;top:88vh;left:48vw;overflow-y:hidden;animation:fadeIn 3s}#down-arrow2{overflow-y:hidden;color:#fff3;font-size:4vw}.weather-info-container{position:absolute;right:0;top:76vh;width:35vh;margin-right:30px;height:7vh;gap:4%;display:flex;justify-content:right;align-items:center;color:#ffffff80}#temp{font-size:clamp(20px,2vw,50px);font-family:Khand,sans-serif;letter-spacing:7px}#weather_icon{margin-bottom:3%;overflow-y:hidden;font-size:clamp(16px,2vw,50px);margin-right:5%}#location-text{font-size:clamp(16px,.85vw,50px);font-weight:700;font-family:Quicksand,sans-serif}#about-me{position:absolute;z-index:1000;margin-top:86vh}.text{font-family:Quicksand,sans-serif;font-size:clamp(16px,1vw,40px)}.options{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:60%;gap:10%;width:100%}.options-item{color:#ffffffb3;font-family:Quicksand,sans-serif;font-size:1.4vw}.options-container{width:85%;display:flex;justify-content:space-between}.options-container:hover,.options-container:hover .options-item,.travel-link:hover{color:#fff}#about-container{width:100%;height:90vh;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2%}.title-text{font-size:clamp(20px,2.4vw,60px);width:100%;margin-left:35%;color:orange}#hor-line2{width:80%;height:2px;background-color:#fff6}.desc-text{max-width:45%;font-family:Quicksand,sans-serif;overflow-wrap:break-word;font-size:clamp(16px,.9vw,40px);line-height:1.5vw}.travel-text,.travel-link{font-family:Quicksand,sans-serif;overflow-wrap:break-word;font-size:clamp(16px,.9vw,40px);line-height:1.5vw;margin-top:1vh}.travel-link{font-weight:700;color:#ffffffb3}.block1,.block2{width:65%;display:flex;align-items:center;justify-content:left;padding:20px}.img{border-radius:5%;box-shadow:0 0 15px 5px #ffffff80;width:22vw}.uw{margin-left:10%;height:auto}.desc-img{height:auto;margin-right:10%;margin-left:5%}#vert{margin:25px;width:2px;height:22vh;background-color:#fff6}#contact-container{height:50vh}.section-container{width:100%;gap:20px;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.credits-container{width:100%;margin-left:40%;display:flex;flex-direction:column;gap:20px}.links-container{margin-left:5px;gap:20px;display:flex;flex-direction:column}.credit-link{box-sizing:border-box;padding:10px;color:#fff9;font-size:1vw;width:30%;border-left:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4);border-top:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4);transition:font-size .3s ease,letter-spacing .3s ease,box-shadow .3s ease}.credit-link:hover{color:#fff;letter-spacing:.05em;box-shadow:5px 5px 5px #fff6}#extras-container{padding-top:10vh}#gallery-container{margin-top:2%;display:flex;justify-content:center;align-items:space-between;gap:1vw;width:100%;height:90%}#column{width:25%;max-width:20%;height:100%;overflow:hidden}.gallery-img{width:95%;height:auto;transform:scale(1)}*{scroll-behavior:smooth;margin:0;padding:0;box-sizing:border-box}body::-webkit-scrollbar{background-color:#1a1a1a;border-radius:0}body::-webkit-scrollbar-thumb{background:gray;border-radius:100vw;margin-block:1em}body::-webkit-scrollbar-thumb:hover{background:#808080cc}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@keyframes fadeBot{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeBot{animation-name:fadeBot;animation-duration:1s;animation-fill-mode:both}@keyframes fade{0%{opacity:0}to{opacity:1}}.fade{animation-name:fade;animation-duration:1s;animation-fill-mode:both}a{text-decoration:none}.typewriter h1{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;font-family:Quicksand,sans-serif;font-size:2.4vw;letter-spacing:.1em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}.section-title{font-size:clamp(50px,3vw,60px);width:100%;color:orange;display:flex;justify-content:center;margin-top:50px;margin-bottom:20px}.op-container{margin-top:8vh;position:absolute;width:100%;height:70vh;display:flex;justify-content:center;align-items:center}.op-container .box{width:550;height:200px;overflow-y:hidden;position:relative;display:flex;justify-content:center;flex-direction:column}.op-container .box .title{width:100%;overflow-y:hidden;align-items:center;height:9vh}.op-container .box .title .block{width:0%;height:inherit;background:#ffb510;position:absolute;animation:mainBlock 2s cubic-bezier(.74,.06,.4,.92) forwards}.op-container .box .title h1{font-family:Poppins;font-size:clamp(40px,3vw,100px);-webkit-animation:mainFadeIn 2s forwards;-o-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;animation-delay:1.6s;opacity:0;display:flex;align-items:baseline;position:relative}.op-container .box .title h1 span{width:0px;height:0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ffb510;-webkit-animation:load .6s cubic-bezier(.74,.06,.4,.92) forwards;animation:popIn .8s cubic-bezier(.74,.06,.4,.92) forwards;animation-delay:2s;margin-left:5px;margin-top:-10px;position:absolute;bottom:13px;right:-12px}.op-container .box .role{width:100%;position:relative;display:flex;align-items:center;height:2vw;margin-top:-10px;overflow-y:hidden}.op-container .box .role .block{width:0%;height:inherit;background:#e91e63;position:absolute;animation:secBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;animation-delay:2s;display:flex}.op-container .box .role p{animation:secFadeIn 2s forwards;animation-delay:3.2s;opacity:0;font-weight:400;font-family:Lato;color:#fff;font-size:clamp(18px,1vw,60px);text-transform:uppercase;letter-spacing:5px}.linear-color{--bg-size: 400%;--color-one: hsl(15 90% 55%);--color-two: hsl(40 95% 55%);font-size:clamp(3rem,25vmin,8rem);background:linear-gradient(90deg,#fffaf0,orange,brown);color:transparent;background-clip:text;-webkit-background-clip:text;animation:move-bg 8s infinite linear}@keyframes mainBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes secBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{width:0px;height:0px;background:#e9d856;border:0px solid #ddd;opacity:0}50%{width:10px;height:10px;background:#e9d856;opacity:1;bottom:45px}65%{width:7px;height:7px;bottom:0;width:15px}80%{width:10px;height:10px;bottom:20px}to{width:7px;height:7px;background:orange;border:0px solid #222;bottom:13px}}@keyframes secFadeIn{0%{opacity:0}to{opacity:.5}}footer{width:350px;height:80px;background:#ffb510;position:absolute;right:0;bottom:-80px;display:flex;justify-content:center;align-items:center;animation:top .8s forwards;animation-delay:4s}footer span{display:flex;align-items:center;justify-content:center;font-size:12px;color:#232323;font-family:Poppins}footer span i{margin-right:25px;font-size:22px;color:#232323;animation:icon 2s forwards;animation-delay:4s;opacity:0}@keyframes top{0%{opacity:0;bottom:-80px}to{opacity:1;bottom:0}}@keyframes icon{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3) rotate(-02deg)}to{opacity:1;bottom:0}}.header-container{background-color:red;overflow-x:hidden;top:0;left:0;width:100%;height:8vh;background-color:#1e1e1e;display:flex;position:fixed;justify-content:flex-start}.header-items{margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;height:100%;gap:.5vw;font-size:30px}.header-text{height:100%;animation:fadeIn 3s;font-family:Quicksand,sans-serif}.home-text{display:flex;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;animation:fadeIn 3s;height:100%;margin-left:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-aspect-ratio: 1/.7){.footer-container{height:25vw!important}}.underline{position:relative;overflow:hidden;border:none;background:none;padding:10px 15px;color:#fff;cursor:pointer;font-size:19px}.underline:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}.underline:hover:before{visibility:visible;transform:scaleX(1)}.invisblock{width:6.5%}.footer-container{width:100%;height:18vh;z-index:200;display:flex;justify-content:center;align-items:center;padding:3vh;color:#fff6;position:absolute}.footer-bg{width:100%;height:20vh;background-color:#111}.footer-content1{display:flex;flex-direction:column;justify-content:space-between;width:20%;gap:3%}.footer-content2{display:flex;justify-content:right;align-items:center;width:20%;height:30%;gap:5%;font-size:clamp(25px,1.4vw,50px)}.source{text-decoration:none;color:#fff6}#vert-line{height:35%;width:2px;background-color:#fff6;margin-right:30px}a{transition:box-shadow .25s;color:#fff6}a:hover{color:#ffffffb3}@media (max-aspect-ratio: 1/.7){.footer-container{height:25vw!important}.footer-content2,.footer-content3{width:35%}}.projects-container{width:100%;margin-top:8vh;padding:20px;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.project{width:80%;display:flex;justify-content:space-between;padding:2%;border-left:4px solid orange}.project-img-container{width:27%;padding:10px;overflow:hidden;height:500px;display:flex;position:relative;justify-content:center}.project-img-container:hover img{transform:scale(1.05);transition:transform .5s ease}.project-img-container:hover:after{content:">";position:absolute;right:15px;top:45%;transform:translateY(-50%);color:#fff6;font-size:20px;background-color:#49505799;padding:5px 10px;border-radius:5px;text-align:center;pointer-events:none}#project-date{color:#fff9;margin-left:20px;font-family:Quicksand,sans-serif;margin-bottom:2%}.project-text{width:70%;display:flex;flex-direction:column}#project-desc-container{margin-left:20px;display:flex;flex-direction:column;color:#ffffffd9}.s1{background-color:#e09f3e}.s2{background-color:#3d5a80}.s3{background-color:#98c1d9}.s4{background-color:#ee6c4d}.s5{background-color:#9e2a2b}.s6{background-color:#839673}.s7{background-color:#f4d35e}.s8{background-color:#56a3a6}.s9{background-color:#d4a5f9}.s10{background-color:#ff6f91}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:20%}#skills-container{display:flex;justify-content:space-between;align-items:center;gap:20px}#project-name{color:orange;font-family:Quicksand,sans-serif;font-size:2.3vw}.skill-bubble{display:flex;justify-content:center;align-items:center;width:5.5vw;height:2vw;border-radius:25px;font-size:.8vw;font-family:Quicksand,sans-serif}.stm32{width:3.5vw;height:2.5vw}.src-container{margin-top:30px;margin-left:20px;display:flex;height:30px;color:#fff9;font-family:Quicksand,sans-serif;gap:5px;width:50%}.src-container:hover{color:#ffffffe6}.project-src{font-size:16px}.project-src-icon{font-size:25px}.work-container{width:100%;margin-top:8vh;min-height:92vh;background-color:#1a1a1a}.tech-bar{display:flex;height:4.5vw;justify-content:center;align-items:center;width:100%;gap:20px;padding:10px;margin-bottom:75px;overflow-y:hidden}.tech-img{width:2.5vw;height:2.5vw;transition:transform .2s}.tech-img:hover{transform:scale(1.1)}.work-exp{display:flex;width:80vw;padding:50px}.work-exp-container{display:flex;flex-direction:column;align-items:center}.company_logo{width:350px;height:auto;border-radius:20px}.work-text{display:flex;flex-direction:column;margin-left:90px}#work-name,.arrow{color:orange;font-family:Quicksand,sans-serif;font-size:2.3vw}#work-role{margin-top:10px;font-style:italic}#work-date{margin-top:10px;color:#fff9}.work-content{margin-top:15px;color:#ffffffd9;line-height:32px}.top-row{display:flex}.work-exp{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin:20px 0}.image{width:100%;max-width:300px;height:auto;object-fit:contain;border-radius:20px;flex-shrink:0}.work-text{flex:1;min-width:250px}#work-name{font-size:1.5rem;font-weight:700}#work-role{font-size:1.2rem;margin-top:5px}#work-date{font-size:1rem;color:#555;margin-bottom:10px}.work-content p{margin:5px 0;line-height:1.4}@media (max-width: 600px){.work-exp{flex-direction:column;align-items:center}.image{max-width:80%}#work-name{font-size:1.3rem;text-align:center}#work-role,#work-date,.work-text{text-align:center}}.travel-page{background-color:#1a1a1a;width:100%;height:92vh;margin-top:8vh}.globe-container{height:92vh;overflow-y:hidden}.marker-controls{max-width:800px;margin:0 auto}:root{font-family:sans-serif!important;color:#fff}