@import url(https://fonts.googleapis.com/css2?family=Jaro&display=swap);:root{--baseWidth:320px;--baseHeight:180px;--scale:1;--topPadding:100px;--sectionGap:130px;--mainLayer:5;--cardGap:7px;--lightestBlue:#76b4cc;--lightBlue:#6893b3;--blue:#5f7799;--darkBlue:#4d5880;--darkerBlue:#444966;--darkestBlue:#1c1e2b;--orange:#c97c55;--lightRed:#ab5a48;--red:#913d3d;--darkRed:#783642;--bluishBlack:#05050a;--black:#0c0c14;--white:#d8e6e8;--grey:#a2adb8;--darkGrey:#878c99;--darkestGrey:#707180;--yellow:#cca681;--green:#50a371}html{scroll-behavior:smooth;scroll-padding-top:100px}body{box-sizing:border-box;color:#d8e6e8;color:var(--white);font-family:Jaro,sans-serif;font-size:1.6vw;margin:0}a{text-decoration:none}a,button{color:inherit}button{background-color:initial;border:none;font:inherit;font-size:inherit;padding:0}button:hover{cursor:pointer}button:disabled{cursor:default}label{display:block}form{display:flex;flex-direction:column;gap:2%;height:90%;width:100%}input{height:max(26px,13px);height:max(26px,calc(13px*var(--scale)))}input,textarea{background-color:#1c1e2b;background-color:var(--darkestBlue);border:none;box-sizing:border-box;color:#a2adb8;color:var(--grey);font:inherit;font-size:inherit;width:100%}textarea{height:max(206px,103px);height:max(206px,calc(103px*var(--scale)));resize:none}input::placeholder,textarea::placeholder{color:#707180}input:focus,textarea:focus{border:1px solid #d8e6e8;border:1px solid var(--white);outline:none}.fadeInFastest{animation:fadeIn .3s ease forwards}.fadeInFast{animation:fadeIn .5s ease forwards}.fadeIn{animation:fadeIn .8s ease forwards}.fadeInSlow{animation:fadeIn 1.25s ease forwards}.lightestBlue{--color:var(--lightestBlue);--shadow:var(--blue);--darkShadow:var(--darkBlue);--highlight:var(--lightBlue);color:var(--color)}.lightBlue{--color:var(--lightBlue);--shadow:var(--blue);--darkShadow:var(--darkBlue);--highlight:var(--lightestBlue)}.blue,.lightBlue{color:var(--color)}.blue{--color:var(--blue);--darkShadow:var(--darkestBlue);--shadow:var(--darkerBlue);--highlight:var(--blue)}.darkBlue{--color:var(--darkestBlue);--darkShadow:var(--black);--shadow:var(--bluishBlack);--highlight:var(--darkerBlue)}.black,.darkBlue{color:var(--color)}.black{--color:var(--black);--highlight:var(--black);--shadow:var(--black);--darkShadow:var(--black)}.white{--color:var(--white);--highlight:var(--white);--shadow:var(--white);--darkShadow:var(--white);color:#d8e6e8;color:var(--white)}.grey{--color:var(--grey);--shadow:var(--darkGrey);--darkShadow:var(--darkestGrey);--highlight:var(--grey)}.grey,.yellow{color:var(--color)}.yellow{--color:var(--yellow);--highlight:var(--yellow)}.green{--color:var(--green);--shadow:var(--green);--darkShadow:var(--green);--highlight:var(--green);color:var(---green)}.orange{--color:var(--orange);--highlight:var(--orange)}.lightRed,.orange{color:var(--color)}.lightRed{--color:var(--lightRed);--highlight:var(--orange);--shadow:var(--red);--darkShadow:var(--darkRed)}.red{--color:var(--red);--highlight:var(--lightRed);--shadow:var(--darkRed);color:var(--color)}.radialGlow{background:radial-gradient(circle,rgb(from #d8e6e8 r g b/70%),rgb(from #d8e6e8 r g b/20%));background:radial-gradient(circle,rgb(from var(--highlight,var(--white)) r g b/70%),rgb(from var(--highlight,var(--white)) r g b/20%));border-radius:90%;filter:blur(10px);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.textGlow{text-shadow:0 0 20px #76b4cc;text-shadow:0 0 20px var(--highlight,var(--lightestBlue))}.transparent{opacity:0}.opaque{opacity:1}.title{font-size:20px}.subtitle{font-size:19px}.big{font-size:18px}.medium{font-size:16px}.small{font-size:max(10px,calc(6px*min(2, 1)));font-size:max(10px,calc(6px*min(2, var(--scale))))}.center{text-align:center}.descTextPd,.textPdBottom{padding-bottom:4px;padding-bottom:calc(4px*var(--scale))}.descTextPd{padding-right:176px;padding-right:calc(var(--scale)*.55*var(--baseWidth));padding-top:4px;padding-top:calc(4px*var(--scale))}@media (max-width:680px){.descTextPd{padding-right:112px;padding-right:calc(var(--scale)*.35*var(--baseWidth))}}.section{flex-wrap:wrap;justify-content:center;width:320px;width:calc(var(--scale)*var(--baseWidth));z-index:5;z-index:var(--mainLayer)}.card,.section{display:flex;position:relative}.card{align-items:flex-start;background:radial-gradient(circle,#323342,#232533);border-radius:4px;box-sizing:border-box;flex-direction:column;justify-content:flex-start}.cardPdTop{padding-top:7px;padding-top:calc(7px*var(--scale))}.cardPdBottom{padding-bottom:22px;padding-bottom:calc(22px*var(--scale))}.cardPdLeft{padding-left:20px;padding-left:calc(20px*var(--scale))}.cardPdRight{padding-right:20px;padding-right:calc(20px*var(--scale))}.staticIcon{height:32px;position:relative;width:32px}.icon{border-radius:20px;height:max(32px,16px);height:max(32px,calc(16px*var(--scale)));width:max(32px,16px);width:max(32px,calc(16px*var(--scale)))}.icon,.smallIcon{position:relative}.smallIcon{height:max(16px,8px);height:max(16px,calc(8px*var(--scale)));width:max(16px,8px);width:max(16px,calc(8px*var(--scale)))}.iconImage{border-radius:10%;height:100%;image-rendering:pixelated;position:relative;width:100%;z-index:3}.iconWithText{display:flex;gap:4px;gap:calc(4px*var(--scale));justify-content:stretch;transform-origin:center}.iconText{display:flex;flex-direction:column;justify-content:center}.styledButton{background:radial-gradient(circle,#76b4cc,#5f7799);background:radial-gradient(circle,var(--color,var(--lightestBlue)),var(--shadow,var(--blue)))}@media (min-width:1025px){.styledButton:hover{background:radial-gradient(circle,#5f7799,#4d5880);background:radial-gradient(circle,var(--shadow,var(--blue)),var(--darkShadow,var(--darkBlue)))}}.medButton{height:20px;line-height:20px;width:120px}.bigButton{height:14px;height:calc(14px*var(--scale));line-height:14px;line-height:calc(14px*var(--scale));width:80px;width:calc(80px*var(--scale))}.smallButton{height:18px;line-height:18px;width:80px}.disabledButton{background-color:#707180;background-color:var(--darkestGrey);box-shadow:0 4px 10px #1c1e2b;box-shadow:0 4px 10px var(--darkestBlue);color:#a2adb8;color:var(--grey)}.disabledButton,.styledButton{border-radius:5px;font-size:max(10px,6px);font-size:max(10px,calc(6px*var(--scale)));text-align:center}.clipContent{overflow:hidden}.relPos{position:relative}.gap{gap:7px;gap:calc(var(--cardGap)*var(--scale))}.fullHeight,.fullWidth{width:100%}@media (min-width:1025px){.enlargeOnHover{transform-origin:top left;transition:transform .2s ease}.enlargeOnHover:hover{transform:scale(1.1)}.upOnHover{transition:transform .2s ease}.upOnHover:hover{transform:translateY(-2px)}.blueOnHover:hover{color:#76b4cc;color:var(--lightestBlue)}}.flex{display:flex}.justifyCenter{justify-content:center}.row{flex-direction:row}.col{flex-direction:column}.alignEnd{align-items:flex-end}.wrap{flex-wrap:wrap}.homePage{align-items:center;display:flex;flex-direction:column;gap:130px;gap:calc(var(--scale)*var(--sectionGap));padding-bottom:100px;padding-bottom:var(--topPadding);padding-top:100px;padding-top:var(--topPadding)}.backgroundUpper,.homePage{background:linear-gradient(180deg,#1c1e2b,#0c0c14)}.backgroundUpper{background:linear-gradient(to bottom,var(--darkestBlue),var(--black));height:var(--transitionPoint);top:0}.backgroundLower{background-color:#0c0c14}.backgroundLower,.backgroundParallax,.backgroundUpper{--transitionPoint:calc((var(--baseHeight) + 65px)*var(--scale));left:0;position:absolute;width:100%;z-index:0}.backgroundLower,.backgroundParallax{height:calc(100% - var(--transitionPoint) + 3px);top:calc(var(--transitionPoint) - 3px)}.navbar{align-content:center;background-color:rgb(from #05050a r g b/70%);background-color:rgb(from var(--bluishBlack) r g b/70%);box-shadow:0 4px 12px rgb(from #05050a r g b/100%);box-shadow:0 4px 12px rgb(from var(--bluishBlack) r g b/100%);display:flex;font-size:16px;justify-content:space-between;left:0;opacity:1;padding:7px calc(50% - 160px);padding:7px calc(50% - var(--baseWidth)*var(--scale)/2);position:fixed;right:0;top:0;z-index:1000}.navItems{align-items:center;display:flex;gap:40px}.navItemsMobile{animation:slideDown .5s ease forwards;background-color:rgb(from #05050a r g b/70%);background-color:rgb(from var(--bluishBlack) r g b/70%);box-shadow:0 0 6px 0 rgb(from #05050a r g b/100%);box-shadow:0 0 6px 0 rgb(from var(--bluishBlack) r g b/100%);display:flex;flex-direction:column;gap:10px;padding:25px;position:absolute;right:calc(50% - 160px);right:calc(50% - var(--baseWidth)*var(--scale)/2);top:calc(100% + 10px);transform-origin:top}.navItemLine{animation:navItem .6s ease forwards;background-color:#76b4cc;background-color:var(--lightestBlue);border-radius:90%;height:2px;left:-5%;position:absolute;top:100% + 10px;transform-origin:center;width:110%}.navLogo{align-items:center;display:flex;gap:15px}.scrollProgressBar{background:linear-gradient(270deg,#6893b3,#5f7799);background:linear-gradient(to left,var(--lightBlue),var(--blue));height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:top left;transition:transform .2s ease;width:100%}.homeCard{height:180px;height:calc(var(--scale)*var(--baseHeight));width:320px;width:calc(var(--scale)*var(--baseWidth))}.homeTitle{font-size:19px;font-size:calc(19px*var(--scale))}.homeImage,.homeLayeredImage{border-radius:4px;image-rendering:pixelated;width:100%}.homeLayeredImage{height:100%;left:0;position:absolute;top:0}.titleBox{display:flex;flex-direction:column;left:20px;left:calc(20px*var(--scale));top:7px;top:calc(7px*var(--scale))}.comet,.titleBox{position:absolute}.comet{height:22px;height:calc(22px*var(--scale));image-rendering:pixelated;top:-77px;top:calc((22px*var(--scale))*-3.5);width:22px;width:calc(22px*var(--scale))}.star{background-color:var(--color);box-shadow:0 0 10px calc(var(--brightness)*1) rgb(from #d8e6e8 r g b/50%);box-shadow:0 0 10px calc(var(--brightness)*var(--scale)) rgb(from var(--highlight,var(--white)) r g b/50%);height:1px;height:calc(1px*var(--scale));position:absolute;width:1px;width:calc(1px*var(--scale))}.angel{animation:float 5s ease infinite}.pointer{animation:pointer 2s ease-in-out infinite;height:calc(8px*max(1, 2));height:calc(8px*max(var(--scale), 2));position:absolute;top:195px;top:calc(195px*var(--scale));width:calc(8px*max(1, 2));width:calc(8px*max(var(--scale), 2))}@media (max-width:680px){.angel{left:30px}}.educationCard{flex-grow:.5}.skillCard{flex-grow:1;min-height:225px}.novaIcon{position:relative;z-index:2}.novaIcon,.novaIconShadow{width:calc(64px*max(1, 2));width:calc(64px*max(var(--scale), 2))}.novaIconShadow{filter:brightness(0) blur(5px);left:0;position:absolute;top:2%;z-index:1}.portrait{border:1px solid rgb(from #5f7799 r g b/95%);border:1px solid rgb(from var(--blue) r g b/95%);border-radius:4px;height:105px;height:calc(105px*var(--scale));opacity:0;position:absolute;right:-4px;right:calc(4px*var(--scale)*-1);top:80px;top:calc(80px*var(--scale));width:70px;width:calc(70px*var(--scale))}@media (max-width:1024px){.portrait{opacity:1;top:-14px;top:calc(14px*var(--scale)*-1)}}.portraitVisible{animation:portrait 1s ease forwards;animation-delay:.4s}.projectsHeader{box-sizing:border-box;width:100%}.pageMenu{width:30%}.rightArrow{transform:scaleX(-1)}.pageMenu,.projectsHeader{align-items:center;display:flex;justify-content:space-between}.mobileProjectTitle{align-items:center;display:flex;flex-direction:column;gap:46px;padding-top:30px;width:109px;width:calc(var(--baseWidth) - 204px - var(--cardGap))}.projectGrid{grid-gap:7px;grid-gap:calc(var(--cardGap)*var(--scale));display:grid;gap:7px;gap:calc(var(--cardGap)*var(--scale));grid-auto-rows:130px;grid-auto-rows:calc(130px*var(--scale));grid-template-columns:repeat(3,102px);grid-template-columns:repeat(3,calc((var(--baseWidth)*var(--scale))/3 - var(--cardGap)*var(--scale)*2/3));width:100%}.projectImageIcon{aspect-ratio:160/90;border-top-left-radius:4px;border-top-right-radius:4px;width:100%}@media (max-width:680px){.projectGrid{grid-template-columns:repeat(1,204px);grid-template-rows:repeat(2,260px);justify-content:end}}.gridFadeIn{animation:fadeIn .3s ease forwards}.projectCardInfoContainer{box-sizing:border-box;display:flex;flex-direction:column;height:calc(73px*max(1, 2));height:calc(73px*max(var(--scale), 2));padding:calc(5px*max(1, 2));padding:calc(5px*max(var(--scale), 2));padding-bottom:calc(7px*max(1, 2));padding-bottom:calc(7px*max(var(--scale), 2))}.tagContainer{display:flex;gap:calc(2px*max(1, 2));gap:calc(2px*max(var(--scale), 2));padding:calc(1px*max(1, 2)) 0;padding:calc(1px*max(var(--scale), 2)) 0}.projectTag{background-color:var(--color);color:#d8e6e8;color:var(--white);font-size:max(10px,5px);font-size:max(10px,calc(5px*var(--scale)));height:calc(7px*max(1, 2));height:calc(7px*max(var(--scale), 2));line-height:calc(6px*max(1, 2));line-height:calc(6px*max(var(--scale), 2));text-align:center;width:calc(29px*max(1, 2));width:calc(29px*max(var(--scale), 2))}.projectButton{margin-top:auto}.projectCardDropdown{animation:slideDown .2s ease forwards;background-color:rgb(from #76b4cc r g b/95%);background-color:rgb(from var(--lightestBlue) r g b/95%);box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;padding:calc(5px*max(1, 2));padding:calc(5px*max(var(--scale), 2));position:absolute;top:0;transform-origin:top left;width:100%}.projectDescText{font-size:calc(5px*max(1, 2));font-size:calc(5px*max(var(--scale), 2))}.xButton{position:absolute;right:2%;top:0;transform-origin:center}.contactCard{width:153px;width:calc((var(--baseWidth)/2 - var(--cardGap))*var(--scale))}@media (max-width:680px){.contactCard{width:320px;width:var(--baseWidth)}.messageCard{height:430px}}.contactInfo{display:flex;flex-direction:column}.popup{animation:popup 3s ease forwards;background-color:rgb(from #05050a r g b/70%);background-color:rgb(from var(--bluishBlack) r g b/70%);box-shadow:0 0 12px rgb(from #05050a r g b/100%);box-shadow:0 0 12px rgb(from var(--bluishBlack) r g b/100%);height:calc(20px*max(1, 2));height:calc(20px*max(var(--scale), 2));left:50%;line-height:calc(20px*max(1, 2));line-height:calc(20px*max(var(--scale), 2));position:fixed;top:10%;width:calc(100px*max(1, 2));width:calc(100px*max(var(--scale), 2))}.footer,.popup{text-align:center}.footer{padding-top:50px;padding-top:calc(var(--topPadding)/2)}@keyframes slideDown{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(7%)}50%{transform:translateY(-11%)}to{transform:translateY(7%)}}@keyframes navItem{0%{transform:scaleX(0)}to{transform:scaleX(100%)}}@keyframes portrait{0%{opacity:0}to{opacity:1}}@keyframes starPulse{0%,to{box-shadow:0 0 10px calc(var(--brightness)*.3*1) rgb(from #d8e6e8 r g b/30%);box-shadow:0 0 10px calc(var(--brightness)*.3*var(--scale)) rgb(from var(--highlight,var(--white)) r g b/30%)}50%{box-shadow:0 0 10px calc(var(--brightness)*1) rgb(from #d8e6e8 r g b/50%);box-shadow:0 0 10px calc(var(--brightness)*var(--scale)) rgb(from var(--highlight,var(--white)) r g b/50%)}}@keyframes comet{0%{transform:translate(0)}to{transform:translate(960px,960px);transform:translate(calc(var(--scale)*var(--baseWidth)*3),calc(var(--scale)*var(--baseWidth)*3))}}@keyframes pointer{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}@keyframes popup{0%{transform:translate(-50%,-400%)}20%{transform:translate(-50%)}80%{transform:translate(-50%)}to{transform:translate(-50%,-400%)}}
/*# sourceMappingURL=main.1dcaef53.css.map*/