*{box-sizing:border-box;font-family:"Prompt","M PLUS 1","Wix Madefor Display",sans-serif;text-decoration:none;margin:0}a{color:hsl(var(--accentHigh))}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:hsl(var(--background));color:hsl(var(--textMain));overflow-x:hidden}main{background-color:hsl(var(--accentDark));display:grid;gap:2px}noscript{backdrop-filter:blur(20px);background-color:hsl(var(--background)/0.9);border-radius:40px;box-shadow:0 10px 20px rgba(0,0,0,.5);left:50%;margin-top:100px;padding:40px;position:fixed;top:0;transform:translateX(-50%);z-index:9999}noscript h1{color:hsl(var(--accentMain));font-weight:900}noscript span{color:hsl(var(--accentHigh))}#theme{--baseHue: 192deg;--background: var(--baseHue) 18% 8.5%;--accentDark: var(--baseHue) 18% 17%;--accentMain: var(--baseHue) 100% 88%;--accentHigh: var(--baseHue) 100% 75%;--textMain: 0 0% 90%;--monthLength: 80px;--yearLength: calc(var(--monthLength) * 12)}::selection{background-color:hsl(var(--accentHigh));color:#000}::-webkit-scrollbar{background-color:hsl(var(--background));height:4px;width:0}::-webkit-scrollbar-thumb{background-color:hsl(var(--accentMain));width:4px;height:4px}#background{background-color:hsl(var(--background));height:100vh;opacity:.5;overflow:visible;position:fixed;top:0;transform-origin:center;width:100vw;z-index:-1}#background #placeholder{background-image:url(/resources/img/placeholder.png);background-size:cover;background-position:center;mix-blend-mode:overlay;height:inherit;width:inherit}#background .firefly{aspect-ratio:1;background-image:radial-gradient(hsl(var(--accentHigh)), transparent 66.7%);filter:blur(12px);height:20vmax;position:fixed}#background--nano{scale:.2}#background--nano .firefly{scale:4}#intro{align-items:center;display:flex;height:100vh;isolation:isolate;justify-content:space-between;padding:100px}#intro .nowplaying{opacity:0;position:absolute;top:0;right:0;z-index:-1;transition:opacity 1000ms}#intro .nowplaying--visible{opacity:1}#intro .nowplaying__text{color:hsl(var(--accentMain));font-weight:700;margin:100px}#intro .nowplaying__title{color:hsl(var(--textMain));font-weight:400}#intro .nowplaying__cover{--coverBlur: 10px;-webkit-mask-image:radial-gradient(circle at top right, black, transparent 66.67%);height:800px;mask-image:radial-gradient(circle at top right, black, transparent 66.67%);opacity:.5;overflow:hidden;position:absolute;right:0;top:0;width:800px;z-index:-2}#intro .nowplaying__cover div{background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(var(--coverBlur));height:calc(100% + var(--coverBlur));position:absolute;right:calc(var(--coverBlur)*-1);top:calc(var(--coverBlur)*-1);transition:background-image 1000ms;width:calc(100% + var(--coverBlur))}#intro .hello__text{color:hsl(var(--accentMain));font-size:40px;font-weight:900;line-height:100%;opacity:var(--lang-percent);white-space:nowrap}#intro .hello__text-big{font-size:80px}#intro .about__me{align-items:center;color:hsl(var(--accentMain));display:flex;gap:20px;justify-content:end;font-size:clamp(20px,3vw,40px);font-weight:900}#intro .about__photo{border-radius:100%;border:4px solid hsl(var(--accentMain));height:110px;justify-content:center;width:110px}#intro .about__photo img{-webkit-user-select:none;aspect-ratio:1;border-radius:100%;user-select:none;width:90px;margin:6px}#intro .about--short{display:flex;font-size:14px;flex-direction:column;gap:20px;justify-content:end;max-width:640px;text-align:end}#intro__segue{align-items:center;background-color:hsl(var(--accentDark));border-radius:100vmax;box-shadow:0 4px 16px rgba(0,0,0,.25);bottom:100px;color:hsl(var(--textMain));display:flex;gap:10px;height:40px;left:50%;padding-inline:20px;position:absolute;transition:transform 500ms cubic-bezier(0.3, 1.5, 0.3, 1),box-shadow 200ms ease-in-out,background-color 300ms;transform:translateX(-50%);transform-origin:center}#intro__segue img{user-select:none}#intro__segue:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 8px 24px rgba(0,0,0,.5)}#intro__segue:active{background-color:hsl(var(--accentHigh));color:#000;transition:none}#intro__segue:active img{filter:invert(1)}#intro__language{position:absolute;top:100px;text-transform:uppercase;opacity:.5}header,footer{align-items:center;display:flex;justify-content:space-between;padding-inline:100px;transition:background-color 300ms,box-shadow 300ms,padding 300ms cubic-bezier(0, 1, 1, 1);width:100vw;z-index:3939}header.header--static,footer.header--static{background-color:hsl(var(--background)/0.75);backdrop-filter:blur(20px);position:absolute;top:100vh;border-bottom:1px solid hsl(var(--accentDark))}header.header--fixed,footer.header--fixed{background-color:hsl(var(--accentDark));box-shadow:0 2px 10px rgba(0,0,0,.5);position:fixed;top:0}header.header--fixed nav,footer.header--fixed nav{transition:height 300ms cubic-bezier(0.3, 1.5, 0.3, 1)}header .header__counterweight,footer .header__counterweight{width:24px;height:24px}header nav,footer nav{transition:height 1200ms cubic-bezier(0, 1, 1, 1);align-items:center;display:flex;gap:20px;height:50px}header a,footer a{color:hsl(var(--accentMain));white-space:nowrap}footer{background-color:hsl(var(--accentDark));height:50px;justify-content:center;margin-top:-50px;position:relative}footer .footer__links{display:flex;font-size:20px;gap:10px}.logo{fill:hsl(var(--accentMain))}.pill{background-color:hsl(var(--accentDark));border-radius:40px;padding:10px}.pill__content .content__title{background-color:hsl(var(--accentMain));border-radius:40px;color:#000;font-size:14px;font-weight:400;line-height:60px;margin-bottom:20px;padding-inline:30px;white-space:nowrap}.pill__content .content__content{display:flex;flex-direction:column;gap:10px;padding-inline:30px;padding-bottom:40px}.pill__content .content__skillsUsed{position:absolute;bottom:30px;right:30px;display:flex;gap:10px;height:24px}.pill--about{background-color:initial;flex:1;min-width:418px;padding:0;text-align:justify}.pill--skill{cursor:pointer;flex:1;height:80px;position:relative;min-width:min-content;overflow:hidden}.pill--timeline{height:100%;width:calc(var(--monthLength)*var(--duration));position:absolute;right:calc(var(--monthLength)*var(--start) - 39px)}.pill--timeline:hover .timeline__details .details__container{scale:1;opacity:1}.pill--portfolio{display:flex;flex:1;gap:10px;position:relative}.pill--portfolio .pill__content{flex:1}.pill__icon{align-items:center;aspect-ratio:1;background-color:hsl(var(--accentMain));border-radius:100%;color:hsl(var(--background));display:flex;justify-content:center;height:60px}.pill__info,.pill__info__expanded{align-items:center;display:flex;gap:10px;padding-right:30px}.pill .icon{fill:hsl(var(--background))}.fullscreen{background-color:hsl(var(--background));display:flex;flex-direction:column;padding:100px;min-height:100lvh;width:100vw;position:relative}.fullscreen__title{height:100px;justify-content:space-between;margin-bottom:20px}.fullscreen__title *{line-height:100%}.fullscreen__title h1{color:hsl(var(--accentMain));font-size:clamp(12px,8vw,80px);font-weight:900}.fullscreen__title p{font-size:14px}.fullscreen__content{align-items:center;display:flex;flex-wrap:wrap;margin:auto;margin-left:0;gap:10px}.fullscreen--about .fullscreen__content{align-items:start}.fullscreen--timeline .fullscreen__content{flex:1;margin-bottom:-100px;min-height:480px}.fullscreen--portfolio .fullscreen__content{display:grid;grid-template-columns:repeat(auto-fill, minmax(960px, 1fr));margin:0}.skill__titlecontent{display:flex;flex-direction:column}.skill__title{white-space:nowrap}.skill__counter{color:#999;font-size:10px;line-height:100%}.skill__gauge{background-color:rgba(0,0,0,0)}.skill__gauge .gauge{--length: 141.39073181152344px;animation:gauge 1000ms 250ms cubic-bezier(0, 1, 1, 1) both;stroke-dasharray:var(--length);stroke-dashoffset:calc(var(--length) - var(--length)/100*var(--skillLevel))}.skill__gauge .icon{fill:hsl(var(--accentMain));position:absolute}@keyframes gauge{from{stroke-dashoffset:var(--length)}}.skill__content{background-color:hsl(var(--accentDark));border-radius:40px;overflow:hidden;opacity:0;position:absolute;top:0;padding-top:10px;word-break:keep-all}.skill__content__text{padding:30px;padding-top:10px}.skill--modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100lvh;justify-content:center;left:0;overflow:hidden;pointer-events:all;position:fixed;top:0;width:100dvw;z-index:9999}.skill__exit{background-color:rgba(0,0,0,0);border-radius:100%;border:none;color:hsl(var(--accentMain));display:none;height:60px;margin:10px;position:absolute;right:0;top:0;transition:background-color 300ms;width:60px;z-index:1}.skill__exit:hover{background-color:rgba(255,255,255,.1)}.skill--hidden{opacity:0}.skill--expanded{position:absolute;z-index:9999;height:320px;max-height:90vh;width:400px;cursor:initial}.skill--expanded .skill__exit{display:initial}.skill--expanded .skill__info{opacity:0}.skill--expanded .skill__content{opacity:1}.timeline{align-items:center;display:flex;height:100%;margin-left:-100px;overflow:scroll hidden;width:100vw}.timeline__container{margin-left:10vw;margin-right:50vw;min-width:max-content}.timeline__items{margin-bottom:10px;position:relative}.timeline__threads{display:flex;gap:10px;flex-direction:column-reverse}.timeline .threads{position:relative}.timeline .threads--main{height:80px}.timeline .threads--sub{height:50px}.timeline .threads--sub .pill--timeline{width:calc(var(--monthLength)*var(--duration) - 27px);right:calc(var(--monthLength)*var(--start) - 27px)}.timeline .threads--sub .pill--timeline .timeline__info p:not(.hover__content){display:none}.timeline .threads--sub .pill__icon{height:30px}.timeline .threads--sub .pill__icon .icon{transform:scale(0.5)}.timeline .threads--event{height:30px}.timeline .threads--event .pill{padding:0}.timeline .threads--event .pill__info{padding:0}.timeline .threads--event .pill--timeline{width:30px;right:calc(var(--monthLength)*var(--start) - 14px)}.timeline .threads--event .pill--timeline .timeline__info{bottom:30px;left:50%;position:absolute;transform:translateX(-50%)}.timeline .threads--event .pill__icon{margin:0}.timeline__timeline{color:hsl(var(--accentMain));display:flex;font-size:40px;font-weight:900;position:relative;text-align:end}.timeline__timeline::before{background-image:linear-gradient(90deg, hsl(var(--background)), transparent);content:"";height:100%;width:50vw;position:absolute}.timeline__timeline p{line-height:32px;margin-top:60px}.timeline__time{background-image:linear-gradient(90deg, hsl(var(--accentMain)), hsl(var(--accentMain)) 2px, hsl(var(--accentMain)) 0px, transparent 0px, transparent calc(var(--monthLength) + 2px)),linear-gradient(90deg, hsl(var(--accentMain)), hsl(var(--accentMain)) 2px, hsl(var(--accentMain)) 0px, transparent 0px, transparent var(--yearLength));background-repeat:repeat-x;background-size:var(--monthLength) 20px,var(--yearLength) 40px;min-width:var(--yearLength)}.timeline__time:last-child{min-width:calc(var(--yearLength) + 2px)}.timeline__info h2{font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline__info p{color:#999;font-size:12px}.timeline__details{display:grid;place-items:center;bottom:0;left:0;position:absolute;margin-left:40px}.timeline__details .details__container{transition:300ms;border-radius:40px;border-bottom-left-radius:8px;background-color:hsl(var(--accentDark));box-shadow:0 10px 20px rgba(0,0,0,.5);opacity:0;padding:40px;pointer-events:none;margin-bottom:40px;scale:.8;transform-origin:bottom left;max-width:720px;width:100%;z-index:1}.portfolio__image{background-color:hsl(var(--background));border-radius:30px;height:240px}.pdf-centered{display:grid;height:100vh;place-items:center;width:100vw}.pdf{background-color:#fff;border-radius:8px;box-shadow:0 10px 20px #000;display:flex;flex-direction:column;height:11in;overflow:clip;position:relative;width:8.5in;margin-block:1in}.pdf__timeline{color:#000;padding:.5in}.pdf__body{display:flex;justify-content:space-between;gap:.5in;flex-grow:1}.pdf__about{display:flex;flex-direction:column;gap:.05in}.pdf__header{background-color:hsl(var(--background));display:flex;gap:.5in;height:2.5in;padding:.5in}.pdf__photo{border-radius:100%;border:solid .033in hsl(var(--accentMain));min-height:1.5in;overflow:hidden;padding:.05in;min-width:1.5in}.pdf__photo img{border-radius:100%;width:100%;height:100%}.pdf__pills{display:flex;gap:.033in}.pdf__pill{background-color:hsl(var(--accentDark));border-radius:100px;display:flex;height:.333in;padding:.033in;padding-right:.133in;white-space:nowrap}.pdf__pill .info{align-items:center;display:flex;gap:.067in}.pdf__pill .icon{aspect-ratio:1;display:grid;place-items:center;height:100%;background-color:hsl(var(--accentMain));color:#000;border-radius:100%}.pdf__pill .icon i{font-size:.1in}.pdf__sidebar{background-color:hsl(var(--accentMain));border-radius:.25in;color:#000;display:flex;flex-direction:column;gap:.2in;margin:.1in;padding:.4in;max-width:2.4in;position:relative;width:100%}.pdf__sidebar .category{display:flex;flex-direction:column;gap:.1in}.pdf .logo{fill:#000;position:absolute;bottom:.4in}.pdf h1{font-size:.333in;font-weight:900}.pdf h2{font-size:.275in;font-weight:900}.pdf h3{font-size:.167in;font-weight:500}.pdf h1,.pdf h2,.pdf h3,.pdf h4,.pdf h5,.pdf h6{line-height:1;white-space:nowrap}.pdf p,.pdf pre,.pdf a{font-size:.12in}.pdf a{color:hsl(var(--accentMain))}.pdf sub,.pdf sup{font-size:.1in}@media(max-width: 1152px){.pill--portfolio .content__topic{display:none}.fullscreen--portfolio .fullscreen__content{display:flex;flex-direction:column}.portfolio__image{aspect-ratio:16/9;object-fit:cover}}@media(max-width: 1024px){#intro{flex-direction:column;justify-content:center}#intro .hello{margin-right:auto}#intro .about--short{margin-left:auto}.pill--portfolio{flex-direction:column;width:100%}}@media(max-width: 800px){#intro .nowplaying__cover{-webkit-mask-image:linear-gradient(180deg, black, transparent 66.67%);mask-image:linear-gradient(180deg, black, transparent 66.67%);width:100vw}#intro .nowplaying__cover div{width:calc(100vw + var(--coverBlur))}}@media(max-width: 720px){#intro{padding:20px}#intro .nowplaying__text{margin-inline:20px}.fullscreen{padding-inline:20px}.timeline{margin-left:-20px}header,footer{padding-inline:20px}}@media(max-width: 640px){.pill--about{min-width:50vw}}@media(max-width: 540px){#intro .hello__text{font-size:40px}#intro .hello__text:not(.hello__text-big){display:none}#intro .about__photo{border-width:3px;height:60px;width:60px}#intro .about__photo img{margin:3px;height:48px;width:48px}#intro .about__me{gap:10px}}@media(max-width: 512px){header .header__counterweight{display:none}}@media(max-width: 440px){.skill--expanded{width:calc(100vw - 40px)}.skill__title{font-size:14px}.skill__content__text{font-size:14px}}@media(max-width: 384px){header{justify-content:center}.logo{display:none}}@media(orientation: portrait){#background .firefly{filter:none}}/*# sourceMappingURL=main.css.map */