html{font-size:62.5%;box-sizing:border-box}body{margin:0;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;line-height:1.6;color:#222;padding:0}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none}nav{position:sticky;top:0;left:0;width:100%;padding:.5rem 1rem;background:#0a2540;display:flex;justify-content:space-between;align-items:center;height:7.5rem}nav ul{display:flex;gap:1rem;margin:0 2rem;padding:0;list-style:none;font-size:1.8rem}nav ul li{cursor:pointer}nav a{color:#fff;text-decoration:none}nav h1{color:#2563eb!important}.menu-icon{color:#fff;font-size:4rem;cursor:pointer;display:none}.logo{color:#fff}.hero{display:flex;align-items:center;justify-content:space-between;padding:2rem 10%;flex-wrap:wrap}.hero-text h2 span{color:#2563eb}.hero-img{width:15rem;height:15rem;border-radius:50%}.btn{display:inline-block;margin-top:1rem;background:#2563eb;color:#fff;padding:.7rem 1.5rem;text-decoration:none;border-radius:5px;cursor:pointer}.section{padding:4rem 10%}.section h2{margin-bottom:1.5rem}.gray{background:#f5f5f5}.skills{display:flex;flex-wrap:wrap;gap:1rem}.skills span{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:20px}.pdf-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.pdf-container{background:#fff;padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:1rem}.pdf-frame{width:100%;max-width:600px;height:70vh;border:none}.close-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:2rem}.close-btn:hover{background-color:#0056b3}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.project-card{border:1px solid #ddd;padding:1.5rem;border-radius:8px}.footer{display:flex;text-align:center;justify-content:center;padding:.5rem 1rem;background:#f5f5f5;border-top:.1rem solid #222}.footer ul{display:flex;list-style:none}@media(max-width:768px){body{font-size:1.4rem;line-height:1.2}nav h1{font-size:1.6rem}.hero{align-items:flex-start;flex-wrap:nowrap}nav ul{position:fixed;display:flex;flex-direction:column;margin-right:0;top:0;right:0;bottom:0;background-color:#0a2540;z-index:-1;width:10rem;padding-top:70px;transition:.5s;border-radius:2rem 0 0 2rem}nav ul li{margin-left:.5rem}.menu-icon{display:block}.hide-mobile-menu{right:-10rem}.hero-img{margin-top:2rem;width:7rem;height:7rem;float:right}.footer{flex-direction:column;text-align:center;padding:1rem;font-size:1.4rem;line-height:1.4}.footer>*{margin:0}.footer>*+*{margin-top:.5rem}.footer ul li{margin:0 .5rem}}