.about-section{text-align:left}.about-content{font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.about-content p{margin-bottom:20px;text-indent:2em}.typing-effect p{animation:blink-caret .75s step-end infinite;border-right:2px solid #f0ead6;display:inline}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#f0ead6}}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.project-item{border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 25px #0000004d;height:250px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-item:hover{border-color:#fff3;box-shadow:0 15px 40px #00000080;transform:translateY(-10px)}.project-link{background-position:50%;background-size:cover;display:block;height:100%;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.project-link:before{background:linear-gradient(135deg,#0006,#0003);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-link:hover:before{opacity:.8}.project-link:after{color:#f0ead6;content:"View Project";font-family:QuickSand,sans-serif;font-size:1.2rem;font-weight:600;left:50%;opacity:0;position:absolute;text-shadow:2px 2px 4px #000c;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.project-link:hover:after{opacity:1}@media (max-width:768px){.projects-grid{gap:20px;grid-template-columns:1fr}.project-item{height:200px}}.contact-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:20px}.contact-item{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;padding:30px;transition:transform .3s ease,background .3s ease}.contact-item:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-5px)}.linkedin-logo{height:auto;transition:transform .3s ease;width:180px}.contact-item:hover .linkedin-logo{transform:scale(1.05)}.email-emoji{font-size:120px;line-height:1;margin-bottom:10px;transition:transform .3s ease}.contact-item:hover .email-emoji{transform:scale(1.1)}.contact-item a{color:#f0ead6;font-family:QuickSand,sans-serif;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff}.contact-label{color:#f0ead6cc;font-family:QuickSand,sans-serif;font-size:1rem;margin-top:15px;text-align:center}@media (max-width:768px){.contact-container{gap:20px}.contact-item{max-width:300px;padding:20px;width:100%}.linkedin-logo{width:150px}.email-emoji{font-size:80px}}@font-face{font-family:QuickSand;src:url(../../static/media/Quicksand-Regular.1a8cbf2a0b04da5410e2.otf) format("opentype")}@font-face{font-family:SourceCode;src:url(../../static/media/SourceCodePro-Regular.e90ab08d61b15012e1ae.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-image:url(../../static/media/background1.d9a2e2e85f42d17fcd1e.jpg);background-repeat:no-repeat;background-size:cover;color:#f0ead6;font-family:SourceCode,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;margin-bottom:40px;padding:80px 20px;text-align:center}.wave-animation{animation:wave 100s ease-in-out infinite;color:#f0ead6;font-family:QuickSand,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:600;text-shadow:2px 2px 4px #00000080}.wave-emoji{animation:wave-hand 8s infinite;display:inline-block;margin-left:10px;transform-origin:70% 70%}main{flex:1 1;margin:0 auto;max-width:1200px;padding:0 20px}section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin-bottom:40px;padding:40px}h2{color:#f0ead6;font-family:QuickSand,sans-serif;font-size:2.5rem;margin-bottom:30px;text-align:center;text-shadow:1px 1px 2px #00000080}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.is-visible{opacity:1;transform:none}@media (max-width:768px){header{padding:60px 20px}section{margin-bottom:30px;padding:30px 20px}h2{font-size:2rem}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes wave-hand{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(15deg)}}
/*# sourceMappingURL=main.455b9858.css.map*/