@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#1a1a1a;font-family:Fira Code,monospace}.projects-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-height:60vh;overflow-y:auto;padding-right:10px;padding-bottom:10px}.app-wrapper{width:100vw;height:100vh;background:#020617;overflow:hidden;position:relative}.content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;padding-top:80px}.main-content{width:100%;max-width:1200px;padding:20px;display:flex;justify-content:center;pointer-events:auto}@media (max-width: 768px){html,body,#root{overflow-y:auto;height:auto;min-height:100%}.app-wrapper{height:auto;min-height:100vh;overflow:visible}.content-wrapper{position:relative;height:auto;padding-top:100px;padding-bottom:40px;display:block}.projects-grid-container{max-height:none;overflow-y:visible;grid-template-columns:1fr}.responsive-container{padding:20px!important;width:95%!important}.responsive-title{font-size:2.5em!important}.responsive-subtitle{font-size:1em!important}.responsive-text{font-size:.95em!important}.responsive-flex-col{flex-direction:column!important;gap:15px!important}.responsive-navbar{padding:15px 20px!important;flex-direction:column;gap:15px}.responsive-nav-items{display:none!important;width:100%;flex-direction:column;align-items:center;gap:20px;padding:20px 0;background:#05050af2;border-top:1px solid rgba(148,163,184,.1)}.responsive-nav-items.open{display:flex!important}.nav-links-container{width:100%;flex-direction:column;align-items:flex-end!important}.mobile-menu-btn{display:block!important;background:none;border:none;color:#fff;cursor:pointer;padding:10px;z-index:1001;position:absolute;top:15px;right:15px}.responsive-grid{grid-template-columns:1fr!important}.navbar-brand{flex-direction:column;align-items:flex-start!important;gap:10px!important;font-size:.9em!important;width:100%}.navbar-contact{margin-left:0!important;width:100%;justify-content:flex-start;flex-wrap:wrap}}.mobile-menu-btn{display:none}