:root{--text:#222;--accent:79, 109, 122;--secondary:106, 134, 119;--bg:#eed8e8;--bg-secondary:176, 61, 89;--alpha:.5}@font-face{font-family:League Spartan;src:url(/assets/LeagueSpartan-VariableFont_wght-B0YT7pso.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:League Spartan,sans-serif}body{background-color:var(--bg);color:var(--text);overflow:hidden}.mainPage{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(12,1fr);place-content:start;gap:15px;width:100%;height:100vh;margin:0;display:grid;overflow-x:hidden}.content{color:var(--text);background-color:#fcebf4;border-radius:10px;width:100%;height:fit-content;min-height:100%;padding:1.4rem}.filter-tags{text-align:left;flex-wrap:wrap;justify-content:left;align-items:center;gap:1rem;margin:1rem 0;display:flex}aside{background-color:rgba(var(--bg-secondary), .45);height:fit-content;box-shadow:0 6px 16px var(--text);border-radius:25px;flex-wrap:wrap;grid-column:1/4;grid-row-start:2;justify-content:center;justify-self:center;width:200px;margin:25px 4px 0;padding:2rem;display:flex;position:fixed;top:60px;left:2%}aside h1{text-align:center;border-bottom:1px solid #222;margin:1rem 0}aside h2{text-align:center;margin:1rem 0;font-size:1.4rem;font-weight:700}aside ul{font-size:1rem;list-style:none}aside li{flex-wrap:wrap;justify-content:center;margin:.5rem 0;display:flex}nav{z-index:2;grid-area:1/1/2/-1;align-items:center;padding:.5rem;font-size:1.7rem;font-weight:700;position:sticky;top:0}.close{cursor:pointer;color:#720202;background-color:#0000;border:none;padding:0 .5rem;font-size:1.2rem}.contact-form{background-color:rgba(var(--bg-secondary), .2);border-radius:10px;flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;width:100%;margin:2rem .4rem;padding:1.5rem;display:flex}main{background-color:var(--bg);box-shadow:0 6px 16px var(--text);z-index:0;border-radius:10px;grid-area:2/4/-1/-1;justify-content:center;justify-self:center;width:clamp(300px,95%,1200px);height:fit-content;margin:15px;display:flex;position:relative}ul{margin:0;list-style-type:none}aside ul{flex-direction:column;justify-content:space-around;align-items:center;gap:3rem;padding:2rem;display:flex}.email a{overflow-wrap:break-word;word-break:break-all;text-align:center;width:16ch}nav ul{flex-direction:row;justify-content:space-around;align-self:center;gap:3rem;display:flex}.primary-btn{background-color:rgb(var(--accent));border-radius:5px;width:100px;padding:.4rem}.secondary-btn{background-color:rgb(var(--secondary));border-radius:5px;width:100px;padding:.4rem}a{color:var(--text);font-weight:600;text-decoration:none}button{cursor:pointer;font-weight:600}a:hover{color:rgb(var(--accent));transition:all .2s ease-in-out}.project-card{background-color:rgb(var(--bg-secondary), .3);border:rgb(var(--accent)) solid 1px;width:100%;height:100%;box-shadow:0 6px 16px var(--text);border-radius:8px;justify-content:flex-start;gap:2rem;margin:2rem .4rem;padding:1rem;display:flex}.projects{justify-content:center;width:100%;display:flex}.projects button{width:200px}.seeMore{opacity:0;padding:0 .5rem;font-size:1.2rem;font-weight:600}.card-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.card-content h3{margin:.5rem;font-size:1.5rem}.card-content p{margin:.5rem}.project-card img{border-radius:8px;width:40%;height:auto;margin:auto}.waveOne{background:rgb(var(--bg-secondary));opacity:.2;z-index:1;border-bottom:1px solid #222;grid-area:1/1/3/-1;width:100%;height:50px;animation:8s ease-in-out infinite alternate-reverse both wave;display:block;position:absolute;top:0;transform:scale(1)}.waveOne:before{content:"";background-color:var(--bg);border-radius:100%;width:100%;height:300px;display:block;position:absolute;top:30px;right:-25%}.waveOne:after{content:"";background-color:rgb(var(--bg-secondary));clip-path:ellipse(100% 15% at -15% 100%);border-radius:100%;width:100%;height:300px;display:block;position:absolute;top:-230px;left:-25%}.waveTwo{background:rgb(var(--bg-secondary));opacity:.2;grid-area:1/1/3/-1;width:100%;height:40px;animation:6s ease-in-out infinite alternate-reverse both wave;display:block;position:absolute;top:0;transform:scale(1)}.waveTwo:before{content:"";background-color:var(--bg);border-radius:100%;width:100%;height:300px;display:block;position:absolute;top:20px;left:-25%}.waveTwo:after{content:"";background-color:rgb(var(--bg-secondary));clip-path:ellipse(100% 15% at -15% 100%);border-radius:100%;width:100%;height:300px;display:block;position:absolute;top:-240px;right:-25%}.waveOne,.waveTwo{clip-path:inset(0 0 -45%);z-index:1}@keyframes wave{0%{transform:scale(1)}to{transform:scale(1.1)}}.languages{flex-flow:wrap;justify-content:space-around;font-size:1.5rem;display:flex}img{border-radius:8px;max-width:70%;height:auto}.btn{color:#fcebf4;margin:.5rem}form{flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;width:50%;margin:2rem .4rem;display:flex}#contact{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}svg{color:var(--text);width:2rem;height:2rem}.large-project-card{background-color:rgb(var(--bg-secondary), .3);border:rgb(var(--accent)) solid 1px;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:1rem;width:100%;height:100%;margin:2rem .4rem;padding:1rem;display:flex}.project-content{flex-direction:column;justify-content:space-between;width:100%;display:flex}.tags{justify-content:flex-end;width:100%;font-weight:600;display:flex}.nav-toggle{display:none}.stack{flex-direction:column;justify-content:space-around;place-items:center;width:100px;height:fit-content;margin:1rem 0;font-size:1rem;display:flex}.stack img{width:1.5rem;height:1.5rem}#about{flex-direction:row;gap:1.3rem;display:flex}#about h2{border-bottom:rgb(var(--accent)) solid 1px}.about-text{gap:1rem;width:60ch;padding:1.3rem}.about-text p{margin:1rem 0}.skills{border-left:rgb(var(--accent)) solid 1px;flex-flow:column wrap;place-content:center start;align-items:flex-start;gap:1rem;width:clamp(150px,30%,250px);margin:1rem 0;padding-left:1rem;display:flex}.stack-name{font-size:1rem}.about-btn{border-radius:5px;justify-content:center;justify-self:center;align-items:center;width:200px;margin:1rem;padding:.5rem;display:flex}.mask-row{background:var(--bg);z-index:0;grid-area:1/1/3/-1;width:100%;height:70px;display:block;position:absolute;top:0;transform:scale(1)}.contact-toggle{display:none}@media screen and (width<=841px){.nav{z-index:1;background-color:var(--bg);width:100vw;height:100%;padding:1rem;transition:all .6s ease-in-out;position:fixed;top:20px;left:-100%}.nav ul{flex-flow:column wrap;place-content:center space-around;width:100vw;height:100vh;padding:2rem}.nav.active{left:0}.nav-toggle{z-index:999;margin:1rem;font-size:2rem;display:flex;position:fixed;top:0;left:50px}.contact-toggle{z-index:999;margin:1rem;font-size:2rem;display:flex;position:fixed;top:0;right:10px}.aside{z-index:1;background-color:var(--bg);text-align:left;border-radius:0;flex-direction:column;align-content:center;align-items:center;width:100vw;height:100vh;margin:0;transition:all .6s ease-in-out;display:flex;position:fixed;top:0;left:-100%}.project-card{flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.project-card img{width:100%}.aside ul{flex-direction:column;justify-content:space-around;align-items:center;gap:3rem;padding:2rem;display:flex}.aside.active{left:0}.mainPage{flex-direction:column;display:flex}main{margin:70px auto 0}.waveOne,.waveTwo{border-bottom-right-radius:100%;border-bottom-left-radius:100%;width:110%;position:fixed;top:0;left:0}.mask-row{height:50px;position:absolute}.waveOne:before{width:170%;height:158px;top:30px;left:-175px}.waveTwo:before{width:160%;height:165px;top:25px;left:-225%}.waveOne:after{height:103px;top:40px}.waveTwo:after{height:103px;top:45px}.waveOne{clip-path:inset(0 0 15%);height:70px;left:-10px}.waveTwo{clip-path:inset(0 0 -5%);height:43px;right:0}}@media screen and (width<=570px){#about{flex-direction:column;display:flex}.skill-stack{flex-flow:wrap;justify-content:space-around;gap:1.3rem;width:100%;display:flex}.tool-stack{flex-flow:wrap;justify-content:space-around;gap:1.3rem;width:100%;height:100%;display:flex}.skills{border-left:none;border-top:rgb(var(--accent)) solid 1px;width:100%;margin:1rem 0;padding:.5rem;display:flex}.about-text{width:100%}}