*{margin:0;padding:0;box-sizing:border-box}li{list-style-position:inside}html,body{width:100%;height:100%;font-family:sans-serif;background-color:#f4f4f4;scroll-behavior:smooth}header{background-color:#fff;box-shadow:0 2px 5px #8e8c8ca9;padding:15px;position:fixed;top:0;width:100%;z-index:1000}nav ul{list-style:none;padding:0;margin:0;display:flex}nav ul li{border-radius:5px;margin-right:5px;padding:0 5px;transition:all .2s ease}nav a{font-weight:700;text-decoration:none;color:#007bff;display:flex;flex-direction:column}nav a:after{content:"";background:#007bff;height:2px;width:0%;transition:.2s ease}nav a:hover:after{width:100%}section{width:100%}section>div{border-radius:5px;width:80%}.container{color:#333;display:flex;flex-direction:column;align-items:center;justify-content:left;min-height:fit-content;width:80%;margin:40px auto 0;padding:20px}@media (max-width:450px){.container{margin-top:10px;width:99%;font-size:small}}.container *{margin:10px 0}.container h1{color:#007bff;font-size:3rem}.container h2{color:#007bff;font-size:2rem}#hero{background-color:#333;color:#fff;text-align:center;padding:50px 0;width:95%;height:100vh;margin-bottom:1px;justify-content:center}#hero>div{border:none}#hero img{width:200px;height:200px;border-radius:30%;box-shadow:#007bffb1 0 0 10px}.view-resume-btn{width:fit-content;display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}.modal{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease-in-out}.modal-content{background:#fff;display:flex;flex-direction:column;padding:5px;width:80vw;height:90%;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 20px #0000004d;transition:all .3s ease-in-out}.modal-content iframe{width:100%;border:none;border-radius:5px;transition:all .3s ease-in-out}.close{position:absolute;top:70px;right:30px;width:30px;height:30px;font-size:20px;color:#fff;font-weight:700;cursor:pointer;background-color:#adadad7a;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease-in-out}.close:hover,.close:focus{background-color:#ff404099;text-decoration:none}@media (max-width: 633px){.modal-content{width:90vw;padding:15px}.modal-content iframe{height:80vh}}.about-section,.project-section,.experience-section,.skills-section{padding:4rem 1rem;border-radius:12px;margin:5rem auto}.project-section h2,.experience-section h2,.skills-section h2,.about-section h2,.contact-section h2{text-shadow:0px 4px 4px #00000089;font-size:3rem}.about-content{display:flex;flex-wrap:wrap;gap:5rem;align-items:center;transition:all .8s ease-in-out}.about-text{display:flex;flex-direction:column;flex:1;gap:3rem;font-size:1.2rem;color:#333;line-height:1.6}.about-section p{display:inline-block;text-align:justify}.about-image{margin:auto;display:flex;justify-content:center}.about-image img{max-width:250px;border-radius:10px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}@media (max-width: 970px){.about-content{flex-direction:column;text-align:center;gap:1rem}.about-text{font-size:1rem}}.skills-section{text-align:center}.skills-wrapper{margin-bottom:1.5rem}.skill-head{color:#007bff;margin-bottom:.5rem}.skill{display:inline-block;background-color:#e0e0e0;border-radius:15px;padding:5px 10px;margin:5px;font-size:.9rem}.project-section{width:100%;padding:2rem;color:#333}.project-wrapper{display:flex;gap:2rem}.project-list{display:flex;justify-content:center;flex-wrap:wrap;flex:1}.project{min-width:350px;max-width:450px;display:flex;flex-wrap:wrap-reverse;border-radius:5px;text-align:left;box-shadow:-2px 2px #007bff;transition:all .3s ease-in-out;margin:2rem;padding:1rem;border:1px solid #007bff}.project:hover,.experience-item:hover{transform:translate(5px,-5px);box-shadow:-10px 10px #007bff}.project-details{margin:auto;width:100%}.project-image{width:100%;height:auto;margin:auto}.project-image img{width:100%;padding:5px;height:auto;border-radius:15px;box-shadow:#0000001f 0 4px 6px,#0000002b 0 12px 13px,#0000 1px 1px 1px}@media (max-width: 900px){.project-wrapper{display:block}}.experience-item{border-radius:5px;text-align:left;box-shadow:-2px 2px #007bff;transition:all .3s ease-in-out;margin-bottom:2rem;padding:1rem;border:1px solid #007bff;margin-bottom:20px}.experience-item ul{list-style-type:disc;margin-left:20px;padding-left:0}.contact-section{padding:2rem}.contact-section input,textarea{background-color:transparent;border-radius:50%}.contact-wrapper{display:flex;gap:2rem;flex-wrap:wrap}.contact-info{height:fit-content;margin:auto;font-size:1rem}.socials{margin-top:1rem}.socials a{margin-right:1rem;color:#007bff;text-decoration:none}.socials a:hover{text-decoration:underline}.contact-form{flex:1;display:flex;flex-direction:column}.contact-form label{margin-top:.5rem;margin-bottom:.2rem;font-weight:700}.contact-form input,.contact-form textarea{padding:.5rem;border:1px solid #007bff;border-radius:4px}.contact-form button{margin-top:1rem;padding:.7rem;border:none;background:#007bff;color:#fff;font-size:1rem;cursor:pointer;border-radius:4px}.contact-form button:hover{background:#0056b3}footer{background-color:#333;color:#fff;text-align:center;padding:10px 0;border-top:2px dashed #007bff}::-webkit-scrollbar{width:10px;opacity:.5}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:10px;border-left:1px solid #333}@media (max-width:500px){section{margin:20px 5px}section>div{width:100%}.content{font-size:16px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}