:root{--color-primary:#000;--color-accent:#9fff00;--color-secondary:#fff;--color-muted:#ffffffb3;--color-border:#ffffff1a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 16px #9fff001a;--shadow-lg:0 16px 32px #00000080;--transition:all 0.3s ease}*{text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;margin:0}body,main{background:linear-gradient(135deg,#000,#0a0a0a)}main{height:100vh;overflow:scroll;scroll-snap-type:y mandatory}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#9fff00;background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9fff00cc}.main-container{display:flex;height:100vh;overflow-y:scroll;scroll-margin-top:10vh;scroll-snap-align:start;scroll-snap-type:y mandatory;width:100%}.card{background:linear-gradient(135deg,#000000f2,#0f0f0ff2);box-shadow:inset 0 1px 0 #9fff001a;margin:0;overflow:hidden;overflow:auto;position:relative}.card,.card:before{height:100%;width:100%}.card:before{animation:shimmer 3s normal;background:linear-gradient(90deg,#0000,#9fff000d 50%,#0000);content:"";left:-100%;pointer-events:none;position:absolute;top:0}.card::-webkit-scrollbar,.main-container::-webkit-scrollbar{display:none}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media only screen and (max-width:900px){.card{border:0}}*{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.home{color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:hidden;width:100%}.presentation{align-items:center;background:radial-gradient(ellipse at center,#9fff000d 0,#0000 70%);color:var(--color-accent);display:flex;height:200px;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.presentation:before{background:linear-gradient(45deg,#0000 30%,#9fff0008,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pres-content{animation:slideInDown .8s ease-out;font-size:48px;font-weight:600;letter-spacing:1px;margin:auto;text-shadow:0 0 20px #9fff004d}.blink{animation:blinker 1s linear infinite}.tech{font-family:Quicksand,sans-serif;margin:2rem;padding:2rem;text-align:center}.tech-title{align-items:center;color:var(--color-accent);display:flex;font-size:large;font-weight:600;justify-content:center;letter-spacing:1px;margin-inline:auto;margin-bottom:3rem;text-align:center;text-transform:uppercase}.chevron{animation:chevronSlide 2s ease-in-out infinite;font-size:24px;padding:0 1rem}.tech-container{align-items:center;display:flex;flex-direction:column;margin:1rem}.tech-container img,.tech-img{cursor:pointer;filter:grayscale(100%) brightness(.9);height:50px;margin:.5rem;transition:var(--transition)}.tech-container img:hover{filter:grayscale(0) brightness(1.2);text-shadow:0 0 20px #9fff0080;transform:scale(1.1)}.under-paragraph{color:var(--color-muted);font-size:24px;font-weight:300;line-height:1.6;margin:auto;max-width:1000px;text-align:center}.under-paragraph strong{color:var(--color-accent);font-weight:600}.under-paragraph em{color:var(--color-accent);font-style:italic}.socials{animation:slideInUp .8s ease-out .2s backwards;gap:2rem;margin:3rem}.socials,.socials a{display:flex;justify-content:center}.socials a{align-items:center;filter:grayscale(100%) brightness(.9);transition:var(--transition)}.socials a:hover{filter:grayscale(0) brightness(1.3);transform:translateY(-5px)}.socials img{height:40px;width:40px}@keyframes blinker{50%{opacity:0}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chevronSlide{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@media only screen and (max-width:900px){.home{margin-top:2vh;overflow-x:hidden}.tech{margin:.5rem;padding:1rem}.under-paragraph{font-size:18px;margin:2rem 1rem}.pres-content{font-size:28px}.tech-title{font-size:medium}.chevron{font-size:18px;padding:0 .5rem}.tech-container img{height:40px}.socials{gap:1.5rem;margin:2rem 1rem}.socials img{height:35px;width:35px}}.header-font{font-family:Cutive Mono,monospace;font-weight:700;letter-spacing:1px}.text-font{font-family:Quicksand,sans-serif;font-weight:400;letter-spacing:.3px}.cutive-mono-regular-bold{font-weight:800;letter-spacing:1px;text-transform:uppercase}.cutive-mono-regular,.cutive-mono-regular-bold{font-family:Cutive Mono,monospace;font-style:normal}.cutive-mono-regular{font-weight:700;letter-spacing:.5px}.uppercase{font-weight:700;letter-spacing:1px;text-transform:uppercase}.sandwich{display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;margin:auto;width:50px}.sandwich div{background-color:var(--color-secondary);border-radius:2px;height:3px;transform-origin:center;width:100%}.sandwich div,button{transition:var(--transition)}button{align-items:center;background-color:initial;border:0;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px}button:hover{background:#9fff001a}button:hover .sandwich div{background-color:var(--color-accent);box-shadow:0 0 8px #9fff004d}.side-drawer{animation:slideInLeft .3s ease;background:linear-gradient(135deg,#000,#0a0a0a);border-right:1px solid #9fff001a;box-shadow:4px 0 16px #00000080;height:100vh;left:0;position:fixed;top:0;width:70%;z-index:100}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.header-nav{display:flex;gap:.5rem;margin:auto}.header-nav a{border-radius:4px;color:var(--color-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.header-nav a:before{background:var(--color-accent);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.header-nav a:hover{color:var(--color-accent);transition:var(--transition)}.header-nav a:hover:before{width:100%}@media only screen and (max-width:900px){.header-nav{background:linear-gradient(135deg,#000,#0a0a0a);display:flex;flex-direction:column;gap:0;height:100%;margin-top:10vh}.header-nav a{border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-secondary);font-size:16px;margin:0;padding:1rem}.header-nav a:before{display:none}.header-nav a:hover{background:#9fff001a;border-left:3px solid var(--color-accent);padding-left:calc(1rem - 3px)}}.backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#9fff000d,#0000);border-bottom:1px solid #9fff001a;box-shadow:0 4px 12px #0000004d;display:flex;height:10vh;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.main-header-text{color:var(--color-secondary);cursor:pointer;font-size:28px;font-weight:600;letter-spacing:2px;position:relative;text-decoration:none;transition:var(--transition)}.main-header-text:after{background:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-header-text:hover:after{width:100%}.main-header h2{flex-grow:1;margin:0}.green,.main-header-text:hover{color:var(--color-accent)}.green{text-shadow:0 0 10px #9fff004d}.main__about{color:#fff;font-size:large;height:100%;margin:2rem auto;max-width:900px;padding:2rem}.main__about a{color:var(--color-accent);display:inline;font-weight:600;position:relative;text-decoration:none;transition:var(--transition)}.main__about a:after{background:var(--color-accent);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main__about a:hover{color:#9fff00cc;text-shadow:0 0 10px #9fff004d}.main__about a:hover:after{width:100%}.home__img{display:flex;justify-content:center;margin:auto;padding:1.5rem 0;width:50%}.home__img img{border:2px solid var(--color-accent);border-radius:1rem;box-shadow:0 8px 32px #9fff0033;margin:auto;max-width:300px;object-fit:contain;transition:var(--transition);width:50%}.home__img img:hover{box-shadow:0 12px 48px #9fff0066;cursor:pointer;opacity:.8;transform:scale(1.05)}.main__about p{color:var(--color-muted);font-size:16px;letter-spacing:.3px;line-height:1.8;max-width:900px}.main__about h2{border-bottom:2px solid var(--color-accent);color:var(--color-accent);display:inline-block;font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem;text-transform:uppercase}.university{align-items:center;background:linear-gradient(90deg,#9fff000d,#0000);border-left:3px solid var(--color-accent);border-radius:4px;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem;width:100%}.university strong{color:var(--color-accent);font-weight:700}.university span{color:var(--color-muted);font-size:14px}.arrow{display:flex;margin:auto}.arrow,.arrow img{transition:var(--transition)}.arrow img{cursor:pointer;height:24px}.arrow img:hover{filter:drop-shadow(0 0 10px rgba(159,255,0,.5));transform:scale(1.2)}.about-text{color:var(--color-muted);font-weight:300;line-height:1.8;text-align:justify}address{background:#9fff000d;border-left:3px solid var(--color-accent);border-radius:4px;font-style:normal;margin:1.5rem 0;padding:1rem}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}@media only screen and (max-width:900px){.main__about{margin:1rem;padding:1.5rem}.main__about p{font-size:14px}.home__img img{max-width:250px}.university{align-items:flex-start;flex-direction:column;gap:.5rem}}.projects-list{box-sizing:border-box;color:#fff;margin:0 auto;padding:3rem 2rem;width:min(100%,1200px)}.projects-list li{background:linear-gradient(90deg,#9fff0005,#0000);border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;transition:var(--transition)}.projects-list li:hover{background:linear-gradient(90deg,#9fff0014,#0000);border-left-color:#9fff00cc;padding-left:2rem}.projects-list ul{list-style-type:none;margin:1.5rem auto;padding:0}.project-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.project-desc{color:var(--color-muted);font-size:15px;letter-spacing:.3px;line-height:1.6;margin:0}.frontend{font-family:"Cedarville Cursive",cursive;font-size:14px}.backend,.frontend{background:#9fff001a;border-radius:12px;color:var(--color-accent);font-weight:600;padding:.25rem .75rem;white-space:nowrap}.backend{font-family:Orbitron,sans-serif;font-size:12px}.both{background:#9fff001a;border-radius:12px;font-family:Orbitron,cursive;font-size:14px;padding:.25rem .75rem;white-space:nowrap}.both,.projects-list a{color:var(--color-accent);font-weight:600}.projects-list a{display:inline-block;font-size:18px;position:relative;text-decoration:none;transition:var(--transition)}.projects-list a:after{background:var(--color-accent);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.projects-list a:hover{text-shadow:0 0 10px #9fff0080}.projects-list a:hover:after{width:100%}.projects-list h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent) 0,#9fff0099 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;letter-spacing:2px;margin:0 auto 3rem;text-align:center;text-transform:uppercase}.projects-list h2{border-bottom:2px solid var(--color-accent);color:var(--color-secondary);display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;margin-top:3rem;padding-bottom:1rem;position:relative;text-transform:uppercase}.projects-list h2:after{animation:expandWidth .8s ease forwards;background:linear-gradient(90deg,var(--color-accent),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes expandWidth{0%{width:0}to{width:100%}}.project-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto;width:90%}@media only screen and (max-width:900px){.projects-list{padding:2rem 1rem}.projects-list h1{font-size:32px;margin-bottom:2rem}.projects-list h2{font-size:18px;margin-top:2rem;width:100%}.project-header{align-items:flex-start;flex-direction:column;gap:.5rem}.projects-list li{padding:1rem}.projects-list li:hover{padding-left:1.5rem}}
/*# sourceMappingURL=main.a3cc541d.css.map*/