:root{--buttons:#ff004d;--primary:#00f0ff;--secondary:#00ff99;--text:#FFFFFF;--primary-alt:#ff004d;--black:#000000;--text-alt:#FFFFFF;--white:#FFFFFF;--dk-bg:#0a0a0a;--dk-bg-alt:#1a1a1a;--glow:#222831}.card{position:relative;.card-inner{position:relative;will-change:transform;height:100%;padding:2em;display:flex;gap:4em;max-width:clamp(70vw,85rem,90vw);margin:0 auto}.card-content{width:75%}.card-img{width:25%}img{object-fit:cover}.fnt-1,h1{margin-bottom:2.5rem}p{font-size:1.25rem;font-weight:500}}.card .card-inner{background-color:var(--dk-bg);box-shadow:0 0 10px #222831,0 0 20px #222831,0 0 40px #222831;backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.6)}@media (max-width:900px){.fnt-1,h1{margin-bottom:4rem}.card{height:auto;max-height:50%!important;.card-img{display:block;width:100%}.card-inner{max-height:fit-content;display:block}div{height:fit-content}.card-content{width:100%}}.card,.cards{min-height:100%!important}}.hero,.intro,.outro{position:relative;max-width:clamp(70vw,85rem,90vw);margin:0 auto;_height:100vh;padding:2em}.hero{padding:0}.intro,.outro{display:flex;align-items:center;.fnt-1,h1{margin-bottom:0}}@media screen and (min-height:900px){.card,.cards{min-height:250px!important}}.mainstage{height:70vh;.draggable{box-shadow:0 0 10px #222831,0 0 20px #222831,0 0 40px #222831;backdrop-filter:saturate(180%) blur(5px);background:rgba(0,0,0,.6)!important}}.x-line{left:0;width:100%}.x-line,.y-line{position:absolute;background-color:#00f0ff;opacity:.5}.grid-container,.y-line{top:0;height:100%}.grid-container{position:fixed;opacity:.2;width:100vw;z-index:-1}.contact-form{.input-text :is(input,textarea){border:2px solid var(--primary)}label{display:block;margin-bottom:5px}input,textarea{width:100%;padding:8px;box-sizing:border-box}button{cursor:pointer}.input-text input:valid,.input-text textarea:valid{border-color:#00ff99}}.modal-container{max-width:50vw;box-shadow:0 0 10px #222831,0 0 20px #222831,0 0 40px #222831;backdrop-filter:saturate(180%) blur(10px);background:rgba(39,39,39,.75);padding:2rem;text-wrap:pretty;svg:is(:hover,:focus) path{fill:#00ff99}}@media screen and (max-width:700px){.modal-container{max-width:85vw}}.social{max-width:10vw;margin:0 auto;path:first-child{fill:currentColor}}@media screen and (max-width:900px){.social{max-width:100%}}