.header{padding:1rem;text-align:center}nav ul li{display:inline}nav ul li a{color:#fff;text-decoration:none}main{padding:20px}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.header{align-items:center;background:#333;color:#fff;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:1.5rem}.header h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.2rem;letter-spacing:1px;margin:0;padding:0 20px;text-shadow:7px 7px 15px #ffffff4d;white-space:nowrap}nav ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:20px 20px 20px 0;padding:0}nav ul li{display:inline-block;margin:0 15px}.nav-button{background:linear-gradient(45deg,#fff 87.5%,#ff4d4d 0);border-radius:8px;box-shadow:2px 2px 5px #0000001a;color:#000;cursor:pointer;display:inline-block;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;font-weight:700;max-width:200px;padding:10px 20px;text-align:center;transition:all .3s ease-in-out}.nav-button:hover{background-color:#777;transform:scale(1.1)}.nav-button:active{background:linear-gradient(45deg,#fff 70%,#ff4d4d 0);box-shadow:1px 1px 3px #ff4d4d80;transform:scale(.98)}.nav-button.active{background:linear-gradient(45deg,#ff4d4d 50%,#fff 0);box-shadow:2px 2px 5px #ff4d4d80;color:#fff}main{padding:30px;text-align:center}@media (max-width:600px){nav ul{flex-direction:column;gap:10px}.nav-button{width:100%}}.project-container{padding:20px;text-align:center}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.project-link{color:inherit;text-decoration:none}.project-box{background-color:#f3f3f3;border:1px solid #ccc;border-radius:10px;padding:15px;transition:transform .3s}.project-box:hover{transform:translateY(-5px)}.project-preview{border-radius:10px 10px 0 0;height:150px;object-fit:cover;width:100%}h3{margin:10px 0}.tech-list{list-style:none;margin:0;padding:0}.tech-list li{background-color:#e0e0e0;border-radius:5px;font-size:.9em;margin:5px 0;padding:5px 10px}.contact-container{margin:0 auto;max-width:100%;padding:20px}.badge{background:#f0f0f0;border-radius:20px;display:inline-block;font-size:14px;font-weight:500;margin:6px;padding:8px 14px}.about-header{background-color:#cccccd;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.6rem;font-weight:700;padding-bottom:2%;padding-top:2%;text-align:center}.about-section{align-items:center;display:flex;margin-bottom:40px}.profile-image{border-radius:50%;height:19%;margin-right:20px;max-height:300px;max-width:300px;width:19%}.about-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;text-align:left}.contact-section{display:flex;justify-content:center;margin-bottom:40px}.contact-details{background-color:#cccccd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-right:2%;margin-top:20px;padding:20px;width:100%}.contact-details p{background-color:#fff;border:1px solid #4b4a4a;border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;letter-spacing:.2px;margin:2%;padding:10px;text-align:left;width:90%}.contact-details p:hover{text-shadow:4 4px 8px #1102b11a}.contact-form input,.contact-form textarea{border:1px solid #4b4a4a;border-radius:5px;margin:1%;padding:10px;width:90%}.contact-form button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.contact-form button:hover{background-color:#45a049}.contact-form-container{background-color:#cccccd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-left:2%;margin-top:20px;padding:20px;width:100%}.form-header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;font-weight:700;margin:3%;text-align:center}.social-links{display:flex;justify-content:center}.li-button{background-color:#0073b1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;margin:10px;padding:15px}.li-button:hover{background-color:#005f8b}.gh-button{background-color:#a56235;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;margin:10px;padding:15px}.gh-button:hover{background-color:#865738}.hs-button{background-color:#a1e04d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;margin:10px;padding:15px}.hs-button:hover{background-color:#7ca24b}.frames-container{display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.resume-box{margin-left:5%}.github-box,.resume-box{background-color:#e0e0e0;border:2px solid #ddd;border-radius:8px;box-shadow:0 6px 8px #0003;height:500px;max-width:600px;overflow:hidden;padding:15px;width:40%}.github-box{margin-right:5%;max-height:500px}.box-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:15px;margin-top:0;text-align:center;text-shadow:6px 6px 10px #0e0e0e4d}
/*# sourceMappingURL=main.ab43e1dc.css.map*/