.app-main{width:100%}.app-grid{display:grid;padding:10rem 0rem;margin:0 auto;width:calc(100% - 16rem);grid-template-rows:repeat(3,auto);grid-template-columns:1fr}.app-spacer{width:100%;height:100vh}.section-hero,.section-contact{width:100%;display:flex;flex-direction:column}.section-projects{padding-top:8rem}.footer{padding:2rem;color:var(--text-color-light);background-color:var(--background-color)}@media screen and (max-width: 480px){html{font-size:12px!important;text-wrap:wrap}.nav-style{display:none}.nav-style>a{font-size:var(--text-sm)}.app-grid{padding:8rem 0rem;width:calc(100% - 2rem);grid-template-rows:repeat(3,auto)}.app-spacer{height:100vh}.hero-text span{font-size:4rem}.section-hero .section-body{gap:2rem}.section-projects{padding-top:8rem}.section-projects .big-text{font-size:4rem}.section-projects .ccs-container{gap:1rem;flex-direction:column}.section-contact .big-text{font-size:4rem}.section-contact .section-body{gap:1rem}.section-contact .section-body>.super-link{margin:0}.backdrop-im{height:100vh}}:root{--background-color: #090039;--primary-color: #4900CC;--secondary-color: #F55586;--gray-50: #9b9b9b;--gray-bg: #F3F3F3;--text-color: #020100;--text-color-light: #FCFFFF;--text-green: #3f8200;--text-link: #4900CC;--text-mono: "Space Mono", monospace;--text-sm: .25rem;--text-md: .75rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-xxl: 2rem}html{font-size:16px;scroll-behavior:smooth}body{color-scheme:normal;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:normal}body,div,p,img,input,label{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;aspect-ratio:initial}button{cursor:pointer;outline:none;border:none;background:none}.sci-container{width:100%;padding:1rem;display:flex;justify-content:center;align-items:center;margin:0 auto;position:fixed;bottom:0}.sci-container>p{font-size:1.2rem;word-spacing:-4px;color:var(--text-color-light);font-family:var(--text-mono)}.sci-container>svg{width:2.5rem;height:2.5rem}.sci-container>svg path{fill:var(--text-color-light)}.nav-container{position:fixed;z-index:50;width:100%;padding:.5rem 1rem 1rem}.nav-style{display:flex;gap:4rem;justify-content:center;align-items:center;background-color:#e3e3e399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:5px}.nav-style>.hamburger-menu{display:none}.nav-style>a{font-family:var(--text-mono);font-size:var(--text-lg);color:var(--text-color);text-decoration:none}.nav-style>a:hover{color:var(--primary-color);text-shadow:0px 0px 15px var(--primary-color)}@media screen and (max-width: 480px){.nav-container{transform:translateY(calc(-100% + 6rem));transition:transform .3s ease-in}.nav-container.collapsed{transform:translateY(0)}.nav-style{gap:2rem;flex-direction:column;align-items:end}.nav-style>.hamburger-menu{display:block}}.hz-sep-container{display:flex;align-items:center;justify-content:center}.hz-sep-container>.hz-sep-plus{width:1rem;height:1rem}.hz-sep-container>.hz-sep-line{width:100%;height:1px;background-color:var(--gray-50)}.backdrop-im{position:fixed;top:0;left:0;z-index:-10;width:100%}.backdrop-im>img{width:100%;height:100%;object-fit:cover}.at-text{color:var(--primary-color)}.big-text{font-size:6rem;font-weight:600;letter-spacing:-4px;line-height:1}.box-animation{width:100%;overflow:hidden}.hero-text{width:100%}.section-text{width:100%;font-size:var(--text-md);margin:.5rem 0;letter-spacing:2px}.card-container{margin:2rem 0;display:flex;flex-direction:column;overflow:hidden;opacity:0;border:4px solid black;box-shadow:10px 10px 0 var(--primary-color)}.card-container p{font-weight:600}.card-container .card-footer{padding:1rem;display:flex;align-items:center;justify-content:space-between}.card-container>img{object-fit:cover;aspect-ratio:16/9;cursor:pointer;filter:brightness(80%)}.hyperlink{display:flex;text-decoration:none;color:#000}.hyperlink>.link-style{width:1.5rem;height:1.5rem;align-self:baseline}.hyperlink:hover{stroke:var(--text-link);color:var(--text-link)}.super-link{width:max-content;margin:1rem;display:flex;gap:.5rem;align-items:center}.section-body{width:100%;display:flex;flex-direction:column;padding:2rem 0;font-size:var(--text-lg);text-wrap:wrap}.ccs-container{display:flex;gap:4rem;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.ccs-container>*{flex:0 0 calc(50% - 4rem);min-width:300px}.link-btn{width:max-content}.link-btn>a{margin:1rem 0;color:var(--text-color-light);font-weight:600;width:max-content;padding:.5rem 1rem;border:2px solid black;background-color:var(--secondary-color);box-shadow:8px 8px #000;transition:box-shadow .15s ease-in}.link-btn>a>svg>path{stroke:var(--text-color-light)}.link-btn>a:hover{box-shadow:0 0 #000;color:var(--text-color-light)}