*{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}.popup{display:none;background-color:#0064cf;position:fixed;top:20%;left:50%;width:200px;height:50px}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}nav ul li:hover{background-color:#007bff6a;transform:scale(1.1)}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;background-color:#f9f9f9;border-radius:12px;margin:5rem auto;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.about-section h2{text-shadow:0px 4px 4px #00000089;font-size:3rem}.about-content{display:flex;flex-wrap:wrap;background-color:#f9f9f9;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:justify}.project-section{padding:2rem;color:#333}.project-wrapper{display:flex;gap:2rem}.project-list{flex:1}.project,.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}.project:hover,.experience-item:hover{transform:translate(5px,-5px);box-shadow:-10px 10px #007bff}.project:hover #propop{display:block;z-index:1000}.preview-pane{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;color:#333}.preview-gif{margin:auto;border:none;border-radius:5px;transition:all .3s ease-in-out}@media (max-width: 900px){.project-wrapper{display:block}}.experience-item{margin-bottom:20px}.experience-item ul{list-style-type:disc;margin-left:20px;padding-left:0}.head{font-weight:bolder}footer:before{content:" "}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}