@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap);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}#root,body,html{height:100%;margin:0;padding:0}.modal-overlay{animation:modalFadeIn .3s ease;background-color:#000000d9;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{animation:modalZoomIn .3s ease;background-color:var(--card-bg-color);border-radius:8px;box-shadow:0 5px 25px #adadad80;flex-direction:column;max-height:90vh;max-width:80vw;padding:20px;position:relative}.modal-image{border-radius:4px;margin-bottom:25px;max-height:calc(90vh - 120px);max-width:100%}.modal-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:2.5rem;line-height:1;position:absolute;right:20px;top:10px;transition:color .2s ease}.modal-close-button:hover{color:#fff}.modal-content .modal-download-button{background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 35px;text-decoration:none;transition:background-color .3s,transform .2s}.modal-content .modal-download-button:hover{background-color:#000;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{transform:scale(1)}}.typewriter-heading{border-bottom:2px solid #ff69b4;display:inline-block;font-size:3rem;margin-bottom:20px;padding-bottom:10px;white-space:pre}.animated-char-heading{animation:smoothTypewriterHeading .4s ease-out forwards;display:inline-block;opacity:0}@keyframes smoothTypewriterHeading{0%{opacity:0;transform:translateY(20px) skewX(-20deg)}to{opacity:1;transform:translateY(0) skewX(0)}}.about-section,.summary-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px!important;padding:25px}.about-page h2{border-bottom:2px solid #61dafb;color:#e0e0e0;font-size:1.8rem;margin-bottom:20px;margin-top:0;padding-bottom:8px}.about-page .summary-text{color:#ccc;font-size:1.2rem;line-height:1.7;text-align:justify}.about-page p{color:#b0b0b0;margin-bottom:20px}.contact-list,.skills-list{line-height:1.8;list-style:disc;padding-left:25px}.contact-list li,.skills-list li{color:#ccc;font-size:1.1rem;margin-bottom:10px}.skills-list strong{color:#e0e0e0}.contact-list strong{color:#e0e0e0;margin-right:15px}.connect-section a{color:#61dafb;text-decoration:none;transition:color .3s ease}.connect-section a:hover{color:#fff;text-decoration:underline}.home-link{color:#61dafb;display:inline-block;font-size:1.1rem;margin-top:50px;text-decoration:none;transition:transform .3s ease}.home-link:hover{transform:translateX(-5px)}.projects-list{gap:30px;margin-bottom:50px;margin-top:40px}.project-card,.projects-list{display:flex;flex-direction:column}.project-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:12px;filter:blur(0);opacity:1;padding:25px;transform:scale(1);transition:transform .4s ease-out,filter .4s ease-out,opacity .4s ease-out,background-color .4s ease-out}.project-card.is-active{background:#2d2d2d99;box-shadow:0 10px 30px #0000004d;filter:blur(0);opacity:1;transform:scale(1.05)}.project-card.is-inactive{filter:blur(3px);opacity:.6;transform:scale(.95)}.project-card h3{border-bottom:2px solid #61dafb;color:#e0e0e0;font-size:1.5rem;margin-bottom:15px;padding-bottom:10px}.project-card p{color:#b0b0b0;flex-grow:1;line-height:1.6;margin-bottom:20px}.project-link{align-self:flex-start;background-color:#000;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease}.project-link:hover{background-color:#fff;color:#121212;transform:scale(1.05)}.certs-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px;margin-top:40px}.cert-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;filter:blur(0);flex-direction:column;opacity:1;overflow:hidden;text-decoration:none;transform:scale(1);transition:transform .4s ease-out,filter .4s ease-out,opacity .4s ease-out,background-color .4s ease-out}.cert-card.is-active{background:#2d2d2d99;box-shadow:0 10px 30px #0000004d;filter:blur(0);opacity:1;transform:scale(1.05)}.cert-card.is-inactive{filter:blur(3px);opacity:.6;transform:scale(.95)}.cert-preview-image{background-color:#2a2a2a;border-bottom:1px solid #333;height:200px;object-fit:cover;object-position:top;width:100%}.cert-title{align-items:center;color:#fff;display:flex;flex-grow:1;font-size:1.1rem;font-weight:500;justify-content:center;line-height:1.5;padding:15px;text-align:center}.global-background{animation:none;background-position:50%;background-size:cover;height:100vh;left:0;position:fixed;top:0;transition:none;width:100vw;z-index:-2}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{height:100%;width:100%}body{background-color:#0a0a0a;color:#e0e0e0;font-family:Roboto Mono,monospace;margin:0!important;overflow-x:hidden}.body-scroll-lock{overflow:hidden}.home-container{align-items:flex-end;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;min-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.home-container:before{background-image:url(/static/media/projects-background.a5e168bf44e2bc3c5880.gif);background-position:50%;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.home-container.page{bottom:0!important;left:0!important;position:relative!important;right:0!important;top:0!important}.welcome-message{color:#fff;left:50%;max-width:950px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);width:90%}.main-heading{font-size:3.5rem;font-weight:700;letter-spacing:2px;line-height:1.3;margin-bottom:30px;text-shadow:2px 2px 8px #000000b3;text-transform:uppercase}.animated-char{animation:smoothTypewriter .4s ease-out forwards;display:inline-block;opacity:0}@keyframes smoothTypewriter{0%{opacity:0;transform:translateY(20px) skewX(-20deg)}to{opacity:1;transform:translateY(0) skewX(0)}}.sub-message{animation:fadeIn 1s ease-out 1s forwards;opacity:0}.sub-message p{font-size:1.15rem;font-weight:400;letter-spacing:1px;line-height:1.8;opacity:.9;text-shadow:1px 1px 4px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-links{align-items:flex-end;bottom:40px;display:flex;flex-direction:column;gap:15px;position:absolute;right:40px}.nav-link{color:#fff;font-size:1.2rem;font-weight:400;text-decoration:none;text-shadow:2px 2px 4px #000000b3;transition:all .3s ease}.nav-link:hover{color:#ff69b4;transform:translateX(-10px)}.page-container{margin:0 auto;max-width:900px;min-height:100vh;padding:60px}.page-container p{font-size:1.1rem;line-height:1.6}.page-container a{color:#61dafb}@media (max-width:960px){.main-heading{font-size:2.8rem}.sub-message p{font-size:1rem}}body.about-background-active,body.certs-background-active,body.projects-background-active{background-attachment:fixed;background-image:url(/static/media/projects-background.a5e168bf44e2bc3c5880.gif);background-position:50%;background-size:cover}body.about-background-active .page-container,body.certs-background-active .page-container,body.projects-background-active .page-container{background-color:initial}.page{left:15px;position:absolute;right:15px}.page-enter{opacity:0;transform:translateY(50px) scale(.9)}.page-enter-active{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.page-enter-active,.page-exit{opacity:1;transform:translateY(0) scale(1)}.page-exit-active{opacity:0;transform:translateY(-50px) scale(.9);transition:opacity .5s ease-in-out,transform .5s ease-in-out}body.home-page-active{overflow:hidden}
/*# sourceMappingURL=main.d08cfa8e.css.map*/