@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";#contactLink.svelte-nsb2o8{font-size:20px;margin-top:2vh}#fadeAfterPageLoad.svelte-nsb2o8:hover{color:#fff!important}#fadeAfterPageLoad.svelte-nsb2o8{transition:opacity 1.5s ease-in-out,color .6s}#fadeAfterPageLoad.svelte-nsb2o8{opacity:0}.hoverRed.svelte-nsb2o8{font-size:34px;color:#fff;position:relative;transition:color .3s ease,background-size .3s ease;background-image:linear-gradient(to right,#fa4a4a,#fa4a4a);background-position:0% 100%;background-size:0% 2px;background-repeat:no-repeat}.hoverRed.svelte-nsb2o8:hover{color:#fa4a4a;background-size:100% 2px}body{margin:0;color:#fff;background-color:#000;padding:0;font-family:Space Grotesk,sans-serif}.top-bar.svelte-nsb2o8{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 20px;color:#fff;font-weight:500}.left-group.svelte-nsb2o8{display:flex;align-items:center;gap:15px}.name.svelte-nsb2o8{font-size:50px;font-weight:700}.resume.svelte-nsb2o8{display:flex;align-items:center;justify-content:center;font-size:25.5px;color:#fff;text-decoration:none;background-color:#fa4a4a;padding:3px 8px;border-radius:47px;height:33px;width:145px;transition:background-color .3s ease,transform .3s ease}.resume.svelte-nsb2o8:hover{background-color:#ff5c5c;transform:scale(1.1);box-shadow:0 4px 15px #0003}.nav-links.svelte-nsb2o8{display:flex;gap:20px}.nav-links.svelte-nsb2o8 a:where(.svelte-nsb2o8){color:#fff;text-decoration:none;padding:5px 10px;font-weight:500}@media (max-width: 768px){.top-bar.svelte-nsb2o8{flex-direction:column;align-items:stretch}.left-group.svelte-nsb2o8{justify-content:space-between;width:100%}.nav-links.svelte-nsb2o8{justify-content:space-around;width:100%}.resume.svelte-nsb2o8{font-size:17px;color:#fff;height:22px;width:97px;line-height:22px}.name.svelte-nsb2o8{font-size:25px}.hoverRed.svelte-nsb2o8{font-size:12px}#contactLink.svelte-nsb2o8{font-size:15px;margin-top:0}.wrapper.svelte-nsb2o8{display:none}}body{margin:0;color:#fff;background-color:#000;padding:0}.wrapper.svelte-nsb2o8{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;filter:blur(150px)}.gradient.svelte-nsb2o8{position:absolute;border-radius:100%;opacity:.6;mix-blend-mode:screen;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.1,0,.9,1)}.gradient-1.svelte-nsb2o8{background:#ed333b;width:700px;height:700px;animation-duration:11s;opacity:.53;left:60%;top:40%;z-index:-2;animation-name:svelte-nsb2o8-animation-gradient-1}.gradient-2.svelte-nsb2o8{background:#fff;width:600px;height:600px;animation-duration:11s;opacity:.15;left:40%;top:60%;z-index:-1;animation-name:svelte-nsb2o8-animation-gradient-2}.gradient-3.svelte-nsb2o8{background:#f66151;width:500px;height:500px;animation-duration:11s;opacity:.24;left:50%;top:50%;z-index:-3;animation-name:svelte-nsb2o8-animation-gradient-3}@keyframes svelte-nsb2o8-animation-gradient-1{0%{transform:translateY(-50%) translate(-50%) rotate(-20deg) translate(20%)}25%{transform:translateY(-50%) translate(-50%) skew(-15deg,-15deg) rotate(80deg) translate(30%)}50%{transform:translateY(-50%) translate(-50%) rotate(180deg) translate(25%)}75%{transform:translateY(-50%) translate(-50%) skew(15deg,15deg) rotate(240deg) translate(15%)}to{transform:translateY(-50%) translate(-50%) rotate(340deg) translate(20%)}}@keyframes svelte-nsb2o8-animation-gradient-2{0%{transform:translateY(-50%) translate(-50%) rotate(40deg) translate(-20%)}25%{transform:translateY(-50%) translate(-50%) skew(15deg,15deg) rotate(110deg) translate(-5%)}50%{transform:translateY(-50%) translate(-50%) rotate(210deg) translate(-35%)}75%{transform:translateY(-50%) translate(-50%) skew(-15deg,-15deg) rotate(300deg) translate(-10%)}to{transform:translateY(-50%) translate(-50%) rotate(400deg) translate(-20%)}}@keyframes svelte-nsb2o8-animation-gradient-3{0%{transform:translateY(-50%) translate(-50%) translate(-15%) translateY(10%)}20%{transform:translateY(-50%) translate(-50%) translate(20%) translateY(-30%)}40%{transform:translateY(-50%) translate(-50%) translate(-25%) translateY(-15%)}60%{transform:translateY(-50%) translate(-50%) translate(30%) translateY(20%)}80%{transform:translateY(-50%) translate(-50%) translate(5%) translateY(35%)}to{transform:translateY(-50%) translate(-50%) translate(-15%) translateY(10%)}}@keyframes svelte-nsb2o8-animation-gradient-4{0%{transform:translateY(-50%) translate(-50%) scale(1) rotate(10deg)}50%{transform:translateY(-50%) translate(-50%) scale(1.2) rotate(180deg)}to{transform:translateY(-50%) translate(-50%) scale(1) rotate(350deg)}}@keyframes svelte-nsb2o8-animation-gradient-5{0%{transform:translateY(-50%) translate(-50%) rotate(30deg) translateY(-10%)}50%{transform:translateY(-50%) translate(-50%) rotate(150deg) translateY(20%)}to{transform:translateY(-50%) translate(-50%) rotate(330deg) translateY(-10%)}}body{margin:0;color:#fff;background-color:#000;font-family:Space Grotesk,sans-serif}@media (max-width: 768px){body{background:#1e1111;background:linear-gradient(0deg,#1e1111,#000);background-repeat:no-repeat;background-attachment:fixed}}.techName.svelte-nsb2o8{font-size:2vw}@media (max-width: 768px){.techName.svelte-nsb2o8{font-size:8vw}}.fade-in.svelte-nsb2o8{opacity:1;transition:opacity 1s ease-in-out,transform .3s ease}.hidden.svelte-nsb2o8{opacity:0;transition:opacity 1s ease-in-out}.bubbles-container.svelte-nsb2o8{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;margin:3vw}@media (max-width: 768px){.bubbles-container.svelte-nsb2o8{grid-template-columns:1fr}}.bubble.svelte-nsb2o8{background-color:#321919;border-radius:2vw;padding:1rem;display:flex;flex-direction:column}.title.svelte-nsb2o8{color:#fff;font-size:2rem;margin-bottom:1.5rem}.content-area.svelte-nsb2o8{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;color:#fff;overflow:auto}.content-area.svelte-nsb2o8>div:where(.svelte-nsb2o8){display:flex;align-items:center;gap:1vw;font-size:1.2rem;padding:.8rem;background:#ffffff1a;border-radius:.8rem;min-height:0;flex-shrink:0;margin-bottom:1vh;font-size:2vw}@media (max-width: 768px){.content-area.svelte-nsb2o8>div:where(.svelte-nsb2o8){font-size:10vw}}
