@font-face{font-family:"Oxygen Mono";src:url(fonts/oxygen-mono-v14-latin/oxygen-mono-v14-latin-regular.woff2)format("woff2");font-display:swap}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}body::-webkit-scrollbar{display:none}:root{--base:#181B3E;--base:#230536;--c1:#1FEEFD;--c1:#0AF0D0;--c1-dark:#0a6eba;--c2:#4907b5;--c3:#00ff7b;--c4:#cd4027;--c5:#51127b;--base-rgb:45, 4, 71;--c5-rgb:81, 18, 123;--c6-rgb:205, 64, 39;--c6:#eb0f0f;--c7:#050829;--white:#e6f4fa;--font-size-h:2rem;--font-size-s-h:1.4rem;--font-size:1.3rem;--mono:'Oxygen Mono', monospace;--sans:'Oxygen Mono', sans-serif}#intro,body{font-family:var(--mono)}body{padding:0;margin:0;background-color:var(--base);color:var(--c1);background-image:url(./svgs/backgroundImage_mmmotif.svg);font-size:var(--font-size)}h1,h2,h3{margin:0;font-size:var(--font-size-h)}a{color:var(--c3)}a:hover{color:var(--base)}a:active,a:hover{text-decoration:none}a:active img,a:hover img{opacity:.4}#intro{font-weight:400;line-height:1.5;padding:4rem 1rem 2rem 3rem;margin:8rem 1rem 7rem}.name span{display:block;font-family:var(--sans);font-size:2.2rem;color:var(--c1)}#intro h2{font-size:2rem}.section-full-screen{background:radial-gradient(circle,var(--c4) 5%,rgba(var(--c5-rgb),.5) 45%,rgba(var(--base-rgb),.2) 55%,rgba(var(--base-rgb),0));border-radius:100% 100% 100% 100%/100% 100% 100% 100%;margin:200px 0 50px}#contact{width:400px;margin:0 auto;padding:1.5rem 0;text-align:center}#contact p:last-child{margin-top:3.5rem}nav{background-color:var(--base);background-image:url(./svgs/ffflurry.svg);background-size:cover;font-family:var(--mono);padding:2rem 6rem}nav h1{font-family:var(--sans);font-size:xx-large}nav ul{list-style-type:none;padding:0;margin:0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;text-align:center;gap:2rem}#projects article li:first-child,nav li:first-child{flex-basis:100%}nav a{display:block}a:active,nav a:hover{opacity:.4;color:var(--c3);border:0;background-color:none}.hover-underline{font-size:2rem;color:#fff;position:relative;display:inline-block}.hover-underline::before,​ .hover-underline::after{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(to right,red,#0ff);bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out}​ .hover-underline::before{top:-5px;transform-origin:left}.hover-underline:hover::before,​ .hover-underline:hover::after{transform:scaleX(1)}​ nav img{height:30px;width:30px}.button,nav a{color:var(--c1);text-decoration:none}.button{background-color:var(--c2);font-weight:bolder;font-family:var(--mono);padding:.3rem;margin:.5rem;border-radius:9px}.button:active,.button:hover{background-color:var(--c1);color:var(--c2);font-size:inherit}footer{padding:1rem 0;text-align:center}footer ul{list-style-type:none;padding:0;margin:2rem 0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:3rem;font-size:var(--font-size)}.section-line{height:3px;background:var(--base);background:radial-gradient(circle,var(--c5) 7%,var(--base) 92%)}.project-0{margin-bottom:4rem;grid-area:grid-0}.project-1{grid-area:grid-1}.project-2{grid-area:grid-2}.project-3{grid-area:grid-3}.project-4{grid-area:grid-4}.project-5{grid-area:grid-5}.liftoff{background-image:linear-gradient(280deg,var(--base) 12%,var(--c5) 40%,var(--c4) 100%);border-radius:50px;box-shadow:10px 7px 6px var(--c6);opacity:.9}#intro hr,#intro p,h2{background:linear-gradient(132deg,var(--base) 20%,var(--c3) 55%,var(--c6) 69%,var(--c4) 100%)}#intro p,h2{background:linear-gradient(100deg,var(--base) 20%,var(--c5) 40%,var(--c4) 100%);background:linear-gradient(110deg,var(--base) 0%,var(--c5) 12%,var(--c1-dark) 40%,var(--c6) 60%,var(--c4) 100%);-webkit-background-clip:text;color:transparent}#intro hr{border:0;height:4px;width:100%;margin:20px 0;border-radius:2px}#intro p:last-child{font-size:var(--font-size-s-h);padding-left:4rem}#intro p:nth-last-child(2){font-size:var(--font-size-s-h);padding-left:6rem}#projects h2{color:var(--c1)}#projects{padding:4rem 1rem 10rem;margin:4rem 2rem 5rem 1rem;display:grid;grid-template-areas:"grid-0     grid-0      grid-0      grid-0      grid-0""grid-1     grid-1      grid-1      grid-1      grid-1"".          .           grid-2      grid-2      grid-2"".          grid-3      grid-3      grid-3      grid-3"".          .           .           grid-4      grid-4""grid-5     grid-5      grid-5      grid-5      grid-5"}#projects article{display:flex;flex-flow:row wrap;padding:1rem;margin:1rem;font-family:var(--mono);border-radius:40px;border-left:5px solid var(--base)}#projects article ul{list-style-type:none;padding:0;margin:0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;text-align:center;gap:1rem}#projects h3{color:var(--c7);padding-right:2rem}.snek-img{height:50px;width:50px}.snek{display:inline-flex;align-items:center;vertical-align:middle}.body-grid-main{display:flex;flex-direction:column;margin-left:2rem}@media (min-width:850px){nav{width:100%;margin:0 auto}nav li:first-child{flex-basis:auto;text-align:left;margin-right:auto;margin-left:2rem}#intro,#projects{max-width:1200px;margin:7rem 5rem}#projects{margin:2rem}#projects article{margin-left:4rem;border-bottom:5px solid var(--base)}.body-grid-main{display:grid;grid-template-columns:repeat(10,1fr)}.body-grid-1{grid-column:5/11}.body-grid-2{grid-column:1/9}}.bigger-svg{width:2em;height:2em}#animated-background,#node-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.node{z-index:-1;left:0;top:0;width:0;height:0;position:fixed;opacity:0}.line{stroke-width:4}