@font-face{font-family:FunnelSans;src:url(/assets/FunnelSans-VariableFont_wght-COdzd6du.ttf) format("truetype");font-weight:200 900}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#243a5e,#1e3355,#2a4a6b 60%,#3a6ea5);z-index:9999;opacity:1;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0}.loading-logo{height:12rem;filter:brightness(0) invert(1);animation:spin 2.5s linear infinite}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.main-body{max-width:1200px;margin:0 auto;padding:1rem;display:block;text-align:left;box-sizing:border-box;justify-content:center;overflow-x:hidden}.page-header{margin:0 auto;text-align:center;justify-content:center;overflow-x:hidden}strong{color:#4fc3f7}em{margin-right:5px;font-style:italic}section{border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:1rem;background-color:#ffffff14;box-sizing:border-box;margin-bottom:1rem}html{font-family:FunnelSans,sans-serif;color:#f0f0f0;min-width:300px;min-height:100%;background-color:#1a2744;background-image:linear-gradient(160deg,#243a5e,#1e3355,#2a4a6b 60%,#3a6ea5)}#hero,#about-preview{display:flex;text-align:center;justify-content:center}#hero h1,#about-preview h1{font-size:2.3rem;margin:1rem;color:#fff}#hero p,#about-preview p{font-size:1.25rem;margin:1rem 0;color:#e0e0e0}.cta{display:inline-block;padding:12px 24px;margin:1rem .5rem;font-size:1.2rem;border:none;border-radius:10px;text-decoration:none;background-color:#4fc3f7;color:#1a2744;transition:transform .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.cta:hover{transform:scale(1.1);background-color:#fff;color:#1a2744}p{font-size:1.15rem;color:#e0e0e0}a{color:#4fc3f7}a:hover{color:#fff}h2{font-size:1.8rem;margin:1rem;color:#fff}h3{font-size:1.5rem;margin:1rem;color:#e0e0e0}body{margin:0;padding:0 1.7%;min-height:100vh;justify-content:center;box-sizing:border-box}.zoomanimation,.rotate,.driving,.driving-left{opacity:0;transition:opacity .7s ease,transform .7s ease}.zoomanimation{transform:scale(.75)}.zoomanimation.visible{opacity:1;transform:scale(1)}.rotate{transform:rotate(-360deg) scale(.5)}.rotate.visible{opacity:1;transform:rotate(0) scale(1)}.driving{transform:translate(-250px)}.driving-left{transform:translate(250px)}.driving.visible,.driving-left.visible{opacity:1;transform:translate(0)}.two-column{display:flex;gap:1rem;justify-content:space-between}.two-column>.main{flex:3 1 25%;min-width:280px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.two-column>.secondary{flex:1 1 75%;min-width:200px;box-sizing:border-box;align-content:center}.two-column .bio{text-align:left}.two-column img{width:13rem;max-width:100%;margin-bottom:.25rem;filter:brightness(0) invert(1)}.two-column .profile-pic{width:150px;height:150px;border-radius:50%;border:3px solid #4fc3f7;filter:none}.about-container{text-align:center;font-size:1.15rem;margin:0 auto}.resume-download{text-align:center;padding:1rem 2rem;font-size:1.15rem;margin:0 auto;max-width:1200px}.text-column{text-align:left;margin:1rem 0;padding:1rem}.project-header{justify-content:center;text-align:center;padding:1rem;font-size:1.15rem}.project-header h2{font-size:2.3rem;margin:1rem;color:#fff}.project-list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0;text-align:left;font-size:1.15rem;list-style-type:none}.projects-list{display:flex;flex-direction:column;text-align:left;list-style-type:none;padding:0}.projects-list li{transition:background-color .3s ease,color .3s ease;border-radius:10px;padding:10px 20px}.projects-list li:hover{background-color:#4fc3f726}.project-card-list{display:flex;gap:1.5rem;padding:1rem;margin:1rem 0;list-style-type:none;justify-content:center;flex-wrap:wrap;text-align:center}.project-card{background-color:#ffffff1a;border-radius:8px;padding:1.5rem;max-width:300px;box-shadow:0 4px 8px #0000004d;transition:transform .9s ease;font-size:1.1rem}.project-card h3{font-size:1.25rem;margin-top:0;color:#4fc3f7;font-weight:bolder}.project-card:hover{transform:scale(1.1)}.project-card p{margin:1rem 0;color:#e0e0e0}.technologies{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.technologies li{background:#4fc3f733;color:#4fc3f7;padding:.3rem .6rem;border-radius:4px;font-size:.85rem}footer{text-align:center;padding:.2rem 0 .5rem;background-color:#0f1b2d;color:#f5f5f5;margin:0 -1.7%}footer .social-links{padding:0 0 .5rem}footer .social-links a{margin:0 .5rem;color:#4fc3f7;transition:color .3s ease}footer .social-links a:hover{color:#fff}#skills,#contact{text-align:center;padding:1rem}.skills-grid{padding:2rem;display:flex;justify-content:center;gap:8%;flex-wrap:wrap;border-radius:15px;margin:2rem auto}.skill{text-align:center;max-width:160px;border-radius:10px;transition:transform .5s ease,box-shadow .5s ease,background-color .5s ease}.skill:hover{transform:scale(1.1);box-shadow:0 4px 10px #4fc3f74d;background-color:#4fc3f71a}.skill img{width:6rem;margin-block-start:.5em;filter:brightness(0) invert(1)}.skill p{margin-block-end:.5em;padding:0 .15rem}.contact-list{list-style:none;padding:0;margin:0 auto;max-width:600px;text-align:left;font-size:1.15rem}.contact-list li{margin:1rem 0;display:flex;align-items:center;gap:1rem}.contact-icon{font-size:1.5rem}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.main-header{padding:0;text-align:center}.main-nav ul{list-style:none;padding:.5rem 0;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;border-top:1px solid rgba(79,195,247,.2);width:fit-content}.main-nav a{color:#f0f0f0;text-decoration:none;font-size:1.2rem;font-weight:500;margin:0 .5rem;border-radius:.25rem;padding:.2rem .8rem;transition:all .3s ease;display:inline-block}.main-nav a:hover{color:#4fc3f7;transform:translateY(-2px)}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:-1.5rem}.logo img{display:block;margin:0;padding:0;height:18.5rem;filter:brightness(0) invert(1)}@media (max-width: 768px){.main-nav ul{flex-direction:column;gap:.75rem}.two-column{flex-direction:column;gap:.5rem;align-items:center;margin-top:0}.two-column>.main,.two-column>.secondary{flex:1 1 auto;text-align:center;margin-bottom:1rem}.two-column img{margin-bottom:1rem}.text-column,.contact-list{text-align:center}.contact-list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}}@media (max-width: 480px){.logo img{height:14rem}}