@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);*{margin:0;padding:0;transition:all 0.3s ease-in-out}body{font-family:"Poppins",sans-serif;background-color:var(--color-primary);user-select:none;scroll-behavior:smooth;transition:background-color 0.3s ease-in-out}html{scroll-behavior:smooth}.dark-mode{--color-primary:#ffffff}.light-mode{--color-primary:#000000;.logo{color:#fff}.nav-links li a{color:#fff}.nav-links li a:hover{color:red}.nav-links a{border:2px solid #fff}.section__text .title{color:#fff}.section__text .section__text__p2{color:#fff}.btn-container .btn-color-2{color:#fff}.btn-container .btn-color-2:hover{border:red .1rem solid}.btn-container .btn-color-1:hover{border:red .1rem solid}#socials-container .icon{background-color:#fff;border:3px solid red;padding:2px;border-radius:20px}#about .title{color:#fff}.text-container p{color:#fff}#experience .title{color:#fff}#projects .title{color:#fff}.color-container{border-color:crimson}.section__pic-container .about-pic{border-radius:13rem;border-color:crimson}.section__pic-container .profile-pic-animations{border-radius:5rem;border-color:crimson}.about-containers .details-container{border-color:crimson}#contact .title{color:#fff}.contact-info-upper-container{border-color:#fff}.contact-info-container .contact-icon{background-color:#fff;border-radius:17px}.contact-info-container p a{color:#fff}.contact-info-container p a:hover{color:red}footer p{color:#fff}#projects .icon{background-color:#fff;border-radius:20px}#experience .icon{background-color:#fff;border-radius:20px}#about .icon{background-color:#fff;border-radius:20px}#projects .btn-container .btn-color-2{color:red}#projects .btn-container .btn-color-2:hover{color:#fff}.hamburger-menu .hamburger-icon span{background-color:#fff}.menu-links{background-color:rgb(255 255 255 / .363)}.menu-links a{color:#fff}.menu-links a:hover{color:red}}.container{display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0;margin-left:15px}#theme{padding:5px;border:2px solid red;border-radius:20px;background-color:#fff;color:#000}audio{width:250px;max-height:30px;border:2px solid #000;border-radius:30px;border-style:none}.audio-container{display:flex;justify-content:flex-end;-webkit-media-controls-play-button,audio::-webkit-media-controls-panel{background-color:#fff;color:#fff}}p{color:#000}a,.btn{transition:all 300ms ease;-webkit-tap-highlight-color:#fff0;-webkit-tap-highlight-color:#fff0}nav,.nav-links{display:flex}nav{justify-content:space-around;align-items:center;height:15vh}.nav-links{gap:2rem;list-style:none;font-size:1.5rem}.nav-links a{border:2px solid #000;padding:5px;border-radius:20px}.nav-links li:hover{transform:scale(1.2);transition:all 0.2s ease-in-out}a{color:#000;text-decoration:none;text-decoration-color:#fff}a:hover{color:red;text-decoration-color:#000}.logo{font-size:2rem;font-weight:bolder}.logo:hover{cursor:default}.wrapper{display:grid;place-items:center;padding-bottom:6px}.logo{width:22ch;animation:typing 2s steps(25),blink 0.5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border:2px #000;font-family:inherit;font-size:2em;transition:all 0.3s ease-in-out}span,.btech{color:red;transition:color 0.3s ease-in-out}@keyframes typing{from{width:0}}@keyframes blink{50%{border-color:#fff0}}#hamburger-nav{display:none}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer;-webkit-tap-highlight-color:#fff0;-webkit-tap-highlight-color:#fff0}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3 ease-in-out}.menu-links{position:absolute;top:100%;right:0;background-color:rgb(0 0 0 / .61);border-radius:55px;width:fit-content;max-height:0;overflow:hidden;transition:all .3 ease-in-out}.menu-links a{display:block;padding:10px;text-align:center;font-size:1.5rem;color:#fff;text-decoration:none;transition:all .3 ease-in-out}.menu-links a:hover{color:crimson}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{transform:none}.hamburger-icon span:first-child{opacity:1}.hamburger-icon span:first-child{transform:none}section{padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}.section-container{display:flex}#profile{display:flex;justify-content:center;gap:5rem;height:80vh}.profile-pic-animations{border-radius:1rem;border:#000 5px solid}.section__pic-container{display:flex;height:400px;width:400px;margin:auto 0}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{text-align:center;color:red;font-weight:700}.section__text__p2{font-size:1.75rem;margin-bottom:1rem}.title{font-size:3rem;text-align:center}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;justify-content:center;gap:1rem}.btn{font-weight:600;transition:all 300ms ease;padding:1rem;width:8rem;border-radius:2rem}.btn-color-1,.btn-color-2{border:#353535 .1rem solid}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:#fff .1rem solid}.btn-container{gap:1rem}#about{position:relative}.about-containers{gap:2rem;margin-bottom:2rem;margin-top:2rem}.about-details-container{justify-content:center;flex-direction:column}.about-containers,.about-details-container{display:flex;flex-wrap:wrap}.details-container:hover{transform:scale(1.03);transition:all 0.2s ease-in-out}#socials-container .icon{-webkit-tap-highlight-color:#fff0;-webkit-tap-highlight-color:#fff0}.about-pic{border-radius:13rem;background-color:#fff;border:#000 5px solid;border-color:#000}.arrow{position:absolute;right:-5rem;bottom:2.5rem}.details-container{padding:1.5rem;flex:1;background:#fff;border-radius:3rem;border:#353535 3px solid;border-color:#000;text-align:center}.section-container{gap:4rem;height:80%}.section__pic-container{height:400px;width:400px;margin:auto 0}#experience{position:relative}.experience-sub-title{color:red;font-weight:600;font-size:1.75rem;margin-bottom:2rem}.experience-details-container{display:flex;justify-content:center;flex-direction:column}.article-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:2.5rem;justify-content:space-around}article{display:flex;width:10rem;justify-content:space-around;gap:.5rem}article .icon{cursor:default}#projects{position:relative;display:flex;flex-direction:column;align-items:center}.color-container{border-color:red;background:#fafafa}.project-img{border-radius:2rem;width:90%;height:90%}.project-title{margin:1rem;color:#000}.project-btn{color:#000;border-color:#a3a3a3}#contact{display:flex;justify-content:center;flex-direction:column;height:70vh}.contact-info-upper-container{display:flex;justify-content:center;border-radius:4rem;border:#353535 3px solid;border-color:#000;background:(250,250,250);margin:2rem auto;padding:.5rem}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}footer{height:26vh;margin:0 1rem}footer p{text-align:center}