body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 4px 6px #0000001a;height:auto;left:0;margin:0;padding:20px 10px;position:fixed;top:0;width:100%;z-index:1000}.menu{display:flex;gap:30px;justify-content:center;list-style:none;margin:0;padding:0}.menu li a{color:#afa9f7;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s ease}.menu li a:hover{color:#fff4b7}.menu-icon{cursor:pointer;display:none;flex-direction:column;gap:5px;height:35px;width:30px}.menu-icon .bar{background-color:#fff;border-radius:5px;height:4px;width:100%}@media (max-width:768px){.navbar{padding:20px}.menu,.navbar{margin:0;position:relative}.menu{align-items:flex-start;display:none;flex-direction:column;gap:0;padding:0;top:0}.menu.active{display:flex}.menu li a{color:#fff;font-size:1rem}.menu-icon{display:flex;margin:0}}body,html{background:linear-gradient(90deg,#006a67,#000b58);margin:0;padding:0}@keyframes sparkle{0%{color:#5a94a3}25%{color:#8379f0}50%{color:#f5f6aa}75%{color:#8379f0}to{color:#5a94a3}}.heading{color:#b9a0dd;font-family:Your Dynamic Font,sans-serif;font-size:2.5rem;margin-bottom:2rem}.heading.glow{animation:sparkle 10s ease-in-out infinite}.header{background:linear-gradient(90deg,#006a67,#000b58);box-shadow:0 15px 20px rgba(0,0,0,.645);color:#fff;font-size:2rem;position:relative;text-align:center;z-index:10}.about-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:80px;padding:20px;text-align:center}.photo{border:.6px solid #838570;border-radius:50%;box-shadow:10px 18px 28px rgba(1,4,16,.963),-3px -8px 15px #2a5780;height:250px;object-fit:cover;object-position:top;width:250px}.intro{align-items:center;color:#f3f3f3;display:flex;flex-direction:column;justify-content:center;margin-top:20px;max-width:600px;text-align:left}.intro p{font-size:1.1rem;line-height:1.6}.head-btn{background-color:#5a94a3;border:1.5px solid #65acb0;border-radius:8px;box-shadow:7px 9px 20px rgba(0,12,18,.851),-2px -3px 8px #213d4f;color:#333;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:10px 15px;text-decoration:none;transition:background-color .3s,transform .3s,box-shadow .3s}.head-btn:hover{background-color:#fff4b7;box-shadow:3px 3px 8px #0003,-3px -3px 8px #fff9;color:#000;transform:scale(1.1)}.head-btn:active{box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff80;transform:scale(1)}@media (max-width:768px){.about-section{margin-top:30px}}@media (max-width:480px){.about-section{margin-top:10px}}#projects{background-color:#508c9b;box-shadow:0 15px 20px #00000080;padding:2rem;position:relative;text-align:center}#title h2{color:#fd8b51;font-size:2rem;margin-bottom:2rem}.cards-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;transition:all .5s ease}.cards-container.clicked{justify-content:space-evenly}.card{align-items:center;background-color:#629584;border-radius:10px;box-shadow:10px 10px 25px rgba(1,4,16,.863),-2px -2px 8px #709ea1;cursor:pointer;display:flex;flex-direction:column;height:450px;justify-content:flex-start;overflow:hidden;transform-origin:center center;transition:all .3s ease;width:400px}.card:hover{height:600px;transform:scale(1.05)}.card:hover .project-content p{font-size:.6rem;max-height:500px;opacity:1;transition:max-height .3s ease,opacity .3s ease}.card:hover .project-image,.card:hover .project-img{height:80%;margin-bottom:0;width:100%}.card:hover .project-content{justify-content:space-between;transform:scale(1.02)}.card:hover .project-content .date{margin-top:10px}.card:hover .btn-container{padding:10px}.project{margin-bottom:30px;max-width:450px;transition:transform .5s ease;width:100%}.project-content{align-items:center;background-color:#fff4b7;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;transition:height .5s ease;width:100%}.project-content .date{font-size:.9rem;margin:60px 0 5px;text-align:center}.project-content h3{font-size:1.2rem;margin-bottom:10px;text-align:center}.project-content p{box-sizing:border-box;font-size:1rem;margin:0;max-height:0;opacity:0;padding-left:20px;padding-right:20px;padding-top:0;text-align:center;transition:opacity .5s ease,max-height .5s ease}.project-image{height:60%;overflow:hidden;transition:height .3s ease}.project-img{height:85%;object-fit:cover;width:auto}.btn-container{margin-top:0;padding:5px;text-align:center}.btn{background-color:#fd8b51;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.btn:hover{background-color:#cb6040;color:#fff}#footer{align-items:center;background-color:#e2f1e7;color:#508c9b;display:flex;flex-direction:column;font-size:1rem;font-weight:800;gap:10px;padding:20px;text-align:center}.contact-form input,.contact-form textarea{border:2px solid #508c9b;border-radius:5px;font-size:1rem;margin-bottom:10px;padding:8px;width:100%}.send{background-color:#508c9b;border:none;border-radius:5px;cursor:pointer;padding:.5rem 1rem}#footer .anchor,#footer p{margin:5px 0}.anchor{color:#fd8b51;font-weight:800;text-decoration:none;transition:color .3s ease}.anchor:hover{color:#cb6040}.end p{margin:5px 0}.popup-overlay{background:#0000;height:auto;width:auto;z-index:1000}.popup-content,.popup-overlay{bottom:20px;left:15px;position:fixed}.popup-content{background:#e2f1e7;border-radius:8px;box-shadow:0 -4px 8px #0003;font-size:.8em;margin:0;max-width:300px;padding:1rem;text-align:center}.popup-content h3{font-size:.9em;margin-top:0}.close-btn{background-color:#333;border:none;border-radius:4px;color:#e2f1e7;cursor:pointer;padding:.5rem 1rem}.close-btn:hover{background-color:#555}@media (max-width:768px){.popup-content{bottom:10px;font-size:.7rem;left:15px;max-height:120px;max-width:300px;max-width:160px;overflow-y:auto;right:auto;width:90vw}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}h1{animation:slideInFromLeft 1s ease-out forwards}
/*# sourceMappingURL=main.edb21595.css.map*/