nav{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 50px;position:sticky;top:0;z-index:100;font-family:Nunito;color:#000}@media (max-width: 485px){nav{padding:0 30px}}@media (max-width: 400px){nav{padding:0 10px;font-size:13px}}nav>a,ul>li>a,ul{list-style-type:none;text-decoration:none;color:#000;font-weight:500}a:hover{color:#f0b828}nav>ul{display:flex;width:500px;justify-content:space-evenly}@media (max-width: 600px){nav>a{display:none}}nav>ul>li>a.active-link{color:#fdc435}.bio-content{width:80%;margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr}.bio-content .bio-img{display:flex;justify-content:flex-end;align-items:center}.bio-content .bio-text{margin:auto;font-size:35px}.bio-content .bio-text>p{margin-top:10px;font-size:30px;font-family:Nunito;color:#828282;background-color:transparent}.bio-content .bio-text .bio-text-buttons{display:flex;align-items:center;gap:20px;margin-top:30px}.bio-content .bio-text .bio-text-buttons a{text-decoration:none;color:#000;padding:10px 15px;font-weight:700;font-size:30px;font-family:Roboto}.bio-content .bio-text .bio-text-buttons a:nth-child(1){border-radius:10px;border:1px solid black}.bio-content .bio-text .bio-text-buttons a:nth-child(1):hover{background-color:#edebeb}.bio-content .bio-text .bio-text-buttons a:nth-child(2){border-radius:10px;background-color:#fdc435}.bio-content .bio-text .bio-text-buttons a:nth-child(2):hover{background-color:#f0b828}@media (max-width: 1057px){.bio-content .bio-text{font-size:30px}.bio-content .bio-text>p{font-size:25px}.bio-content .bio-text .bio-text-buttons a{font-size:25px}.bio-img img{width:350px}}@media (max-width: 951px){.bio-content .bio-text{font-size:25px}.bio-content .bio-text>p{font-size:20px}.bio-content .bio-text .bio-text-buttons a{font-size:20px}.bio-img img{width:320px}}@media (max-width: 841px){.bio-content .bio-text{font-size:23px}.bio-content .bio-text>p{font-size:18px}.bio-content .bio-text .bio-text-buttons a{font-size:20px}.bio-img img{width:300px}}@media (max-width: 730px){.bio-content .bio-text{font-size:20px}.bio-content .bio-text>p{font-size:15px}.bio-img img{width:220px}.bio-content .bio-text .bio-text-buttons{gap:15px}.bio-content .bio-text .bio-text-buttons a{padding:8px 12px;font-size:18px}}@media (max-width: 630px){.bio-content .bio-text{font-size:15px}.bio-content .bio-text>p{font-size:12px}.bio-img img{width:160px}.bio-content .bio-text .bio-text-buttons{gap:12px;margin-top:22px}.bio-content .bio-text .bio-text-buttons a{padding:8px 12px;font-size:15px}}@media (max-width: 440px){.bio-content .bio-text{font-size:13px}.bio-content .bio-text>p{font-size:10px}.bio-img img{width:150px}.bio-content .bio-text .bio-text-buttons{margin-top:20px}.bio-content .bio-text .bio-text-buttons a{padding:5px 10px;font-size:12px}}@media (max-width: 360px){.bio-content .bio-text{font-size:10px}.bio-content .bio-text>p{font-size:8px}.bio-img img{width:130px}.bio-content .bio-text .bio-text-buttons a{padding:5px 8px;font-size:10px}}@media (max-width: 320px){.bio-img img{width:120px}}#projects{display:flex;width:80%;flex-direction:column;text-align:center;justify-content:center;margin:20px auto;padding-top:50px}#projects h1{margin:0 auto 30px;width:fit-content;position:relative;display:inline-block;padding-bottom:8px;font-family:Playfair Display}#projects h1:after{content:"";position:absolute;bottom:0;left:24px;width:60%;border-bottom:3px solid #fdc435;border-radius:2px}.category-buttons{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.category-buttons button{padding:8px 13px;border:1px solid black;border-radius:5px;cursor:pointer;font-family:Roboto;font-weight:700;font-size:15px}@media (max-width: 700px){.category-buttons button{padding:7px 10px}}@media (max-width: 380px){.category-buttons button{padding:5px 8px}}.item-container{width:80%;display:grid;height:fit-content;grid-template-columns:1fr 1fr;margin:30px auto;border-radius:20px;box-shadow:0 0 50px .2px #ece9e9}.project-details{width:100%;border-radius:20px 0 0 20px;background-color:#fff;display:flex;flex-direction:column;gap:15px;justify-content:center;font-size:20px;padding-left:50px;text-align:left}.project-details p{width:70%;background-color:transparent;font-family:Nunito;color:#828282}.project-details h2{font-family:Playfair Display;background-color:transparent}.project-details .project-buttons{background-color:transparent;display:flex;gap:20px;width:70%;align-items:center}.project-details .project-buttons a{text-decoration:none;border:1px solid black;border-radius:20px;font-size:16px;padding:10px 15px;font-weight:700;color:#000;font-family:Roboto}.project-details .project-buttons a:hover{background-color:#edebeb}.project-details .project-buttons a:nth-child(1){background-color:#fdc435;border:none}.project-details .project-buttons a:nth-child(1):hover{background-color:#f0b828}.project-image{width:100%;border-radius:0 20px 20px 0;font-size:15px}.project-image img{width:100%;border-radius:0 20px 20px 0}@media (max-width: 1192px){.project-details p{font-size:13px}.project-details .project-buttons a{font-size:10px}}@media (max-width: 1087px){.project-details p{font-size:14px}.project-details .project-buttons a{font-size:11px}}@media (max-width: 1057px){.project-details p{font-size:13px}.project-details .project-buttons a{font-size:12px}}@media (max-width: 951px){.project-details{padding:20px}}@media (max-width: 903px){.project-details{padding:20px}.project-details h2{font-size:25px}.project-details .project-buttons a{font-size:12px;padding:10px 12px}}@media (max-width: 850px){.project-details{padding:20px}.project-details h2{font-size:20px}.project-details p{font-size:11px}.project-details .project-buttons a{font-size:10px;padding:10px 12px}}@media (max-width: 770px){.project-details{padding:20px}.project-details .project-buttons a{font-size:9px;padding:8px 10px}}@media (max-width: 685px){.project-details .project-buttons{gap:10px}}@media (max-width: 630px){.project-details{padding:20px}.project-details .project-buttons{gap:10px}.project-details .project-buttons a{font-size:7px;padding:7px 8px}}@media (max-width: 550px){.item-container{width:80%;display:flex;flex-direction:column-reverse}.project-details{width:fit-content;padding-bottom:10px;padding-top:10px;border-radius:0 0 20px 20px}.project-image,.project-image img{border-radius:20px 20px 0 0}.project-details p{width:90%}}#education{display:flex;width:50%;flex-direction:column;text-align:center;justify-content:center;margin:50px auto;padding-top:50px}#education h1{font-family:Playfair Display;margin:0 auto 30px;width:fit-content;position:relative;display:inline-block;padding-bottom:8px}#education h1:after{content:"";position:absolute;bottom:0;left:30px;width:60%;border-bottom:3px solid #fdc435;border-radius:2px}.edu-map{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:20px;width:100%;box-shadow:0 0 50px .2px #ece9e9;padding:60px 0 60px 40px}.edu-container{display:flex;width:80%;justify-content:space-evenly;background-color:#fff;align-items:center}.edu-container .year{font-family:Nunito;color:#828282;width:20%;position:relative;background-color:transparent}.edu-container .year:before{content:"";position:absolute;bottom:9px;left:101.3%;width:8px;height:5px;background-color:#fdc435;border-radius:50%;transform:translate(-50%)}.edu-container .college-container{background-color:#fff;border-left:3px solid #fdc435;width:80%;margin:auto;display:flex;flex-direction:column;padding-left:40px;text-align:left;line-height:25px}.college-container>h2,p{background-color:transparent}.college-container>h2{font-family:Playfair Display;padding-top:20px}.college-container .cgpa{font-family:Nunito;color:#828282;padding-top:10px}.college-container .clg{font-family:Nunito;color:#828282}@media (max-width: 1054px){.edu-container .year{width:30%}}@media (max-width: 990px){.edu-container .year{padding-right:5px}}@media (max-width: 900px){#education{width:60%}}@media (max-width: 800px){#education{width:70%}}@media (max-width: 570px){.edu-container{width:85%}.edu-map{padding:40px 0 40px 20px}.year{padding-left:10px}.edu-container .college-container{padding-left:20px}.college-container>h2{font-size:20px}}#skills{display:flex;width:40%;flex-direction:column;text-align:center;justify-content:center;margin:20px auto;padding-top:50px}@media (max-width: 1089px){#skills{width:60%}}@media (max-width: 889px){#skills{width:70%}}#skills h1{font-family:Playfair Display;margin:0 auto 30px;width:fit-content;position:relative;display:inline-block;padding-bottom:8px}#skills h1:after{content:"";position:absolute;bottom:0;left:16px;width:60%;border-bottom:3px solid #fdc435;border-radius:2px}.map-skills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.skill-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.skill-container p{font-weight:700;border:1px solid black;padding:10px 20px;border-radius:20px;font-size:16px;font-family:Roboto}#contact{display:flex;width:60%;flex-direction:column;align-items:center;justify-content:center;margin:50px auto;padding-top:50px}@media (max-width: 780px){#contact{width:80%}}#contact h1{font-family:Playfair Display;margin:0 auto 40px;width:fit-content;position:relative;display:inline-block;padding-bottom:8px}#contact h1:after{content:"";position:absolute;bottom:0;left:26px;width:60%;border-bottom:3px solid #fdc435;border-radius:2px}.contact-form{display:flex;justify-content:center;align-items:center;width:90%}@media (max-width: 1400px){.contact-form{width:70%}}@media (max-width: 1120px){.contact-form{width:80%}}.contact-form form{display:flex;flex-direction:column;gap:25px;width:100%;align-items:center;justify-content:center}@media (max-width: 480px){.contact-form form{height:80%}}.contact-form form input{font-weight:500;width:100%;height:35px;border:none;padding:10px;border-radius:4px;box-shadow:0 0 50px .2px #ece9e9;font-family:Roboto}.contact-form form textarea{width:100%;border:none;box-shadow:0 0 50px .2px #ece9e9;padding:12px;border-radius:4px;font-size:15px;font-family:Roboto}.contact-form form button{width:90px;background-color:#fdc435;border:none;align-self:self-end;font-weight:700;color:#000;cursor:pointer;border-radius:5px;font-family:Roboto;padding:10px}.contact-form form button:hover{background-color:#f0b828}.contact-container form textarea{padding:10px}.contact-logo{display:flex;justify-content:space-evenly;align-items:center;margin-top:80px;width:60%;padding:20px;border-radius:20px}.contact-footer{display:flex;width:100%;justify-content:center;align-items:center;gap:5px;font-family:Nunito;color:#828282}@media (max-width: 530px){.contact-footer{flex-direction:column;gap:0}}.contact-footer p{background-color:transparent}.contact-footer>.resume-link a{color:#f4b410;text-decoration:none}.contact-footer>.resume-link a:hover{color:#dfaa25}.success-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000}.success-message{text-align:center;background-color:#fff;width:300px;padding:30px;border-radius:10px;box-shadow:0 0 10px #00000080}@media (max-width: 450px){.success-message{padding:20px}}@media (max-width: 390px){.success-message{padding:20px 10px}}.success-message>h2,p{background-color:#fff}*{background-color:#f9faff;padding:0;margin:0}