*{margin:0}html{overflow:hidden}body{font-family:Futura,sans-serif;margin:0}.main{color:var(--white);height:100%;width:100vw}.blur-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(140deg,var(--gradient-start) 5%,var(--gradient-end) 80%),url(/static/media/noise.5a4475063709fb52b2cb.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--white-op30);box-shadow:2.5px 2.5px 7.5px #00000040;image-rendering:pixelated}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:var(--white-op30)}::-webkit-scrollbar-thumb{background:var(--white)}.homepage{display:grid}.homepage .background-model{grid-area:1/1/1/1;pointer-events:none;z-index:2}.homepage .homepage-container{background-color:var(--dark-gray);color:var(--white);grid-area:1/1/1/1;height:100vh;overflow:hidden;overflow-y:auto;scroll-snap-type:y mandatory;width:100vw;z-index:1}.crystal{height:100vh;width:100vw}.sroll-tracker{animation:appear 1s forwards;animation-delay:1s;background-color:var(--white-op10);border-radius:5px;display:grid;height:300px;left:-1vw;position:absolute;top:50%;transform:translateY(-50%);width:5px}.sroll-tracker .tracker-foreground{background-color:var(--white);border-radius:5px;height:0;width:100%}@keyframes appear{0%{left:-1vw}to{left:1.75vw}}.scroll-text{animation:appearText 1s 2s forwards,jump 0s ease-in-out infinite;color:var(--white);display:flex;font-size:1.4rem;left:50%;opacity:1;opacity:0;position:absolute;top:95%;transform:translate(-50%,-50%);transition:opacity margin-top .5s .5s}.scroll-text .scroll-text-inner{gap:3px}.scroll-text .scroll-text-inner,.scroll-text .scroll-text-inner .scroll-arrow{align-items:center;display:flex;justify-content:center}.scroll-text .scroll-text-inner .scroll-arrow svg{aspect-ratio:1/1;height:50px;width:50px}.scroll-text .scroll-text-inner .scroll-arrow svg circle,.scroll-text .scroll-text-inner .scroll-arrow svg line,.scroll-text .scroll-text-inner .scroll-arrow svg path,.scroll-text .scroll-text-inner .scroll-arrow svg polyline{stroke:var(--white)}.scroll-text .scroll-text-inner .jumping-letter{animation:letter 3s ease-in-out 1s infinite forwards}.moved{animation:inherit;margin-top:30px;opacity:0}@keyframes letter{0%{transform:translate(0)}12.5%{transform:translateY(-15px)}25%{transform:translateY(15px)}37.5%{transform:translate(0)}to{transform:translate(0)}}@keyframes jump{0%,20%,50%,80%,to{top:95%}40%{top:95.5%}60%{top:95.5%}}@keyframes appearText{0%{opacity:0}to{opacity:1}}.skills-container{align-items:center;background-color:var(--dark-gray);color:var(--white);display:flex;height:1401px;justify-content:center;margin-top:-1px;width:100vw;z-index:2}.skills-container .skills-wrapper{height:900px;position:relative;width:90%}.skills-container .skills-text{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:start;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:575px;z-index:1}.skills-container .skills-text .skill-text-header{font-size:1.4rem;margin:8px 0}.skills-container .skills-text p{animation:slideOut .75s forwards;font-size:4.8rem;font-weight:700;opacity:1}.skills-container .skills-text .info-hover{color:var(--white-op50);font-size:1rem;font-weight:400;margin-top:8px}.skills-container .skills-text-true p{align-items:center;animation:slide .75s forwards!important;display:flex;gap:8px}.skills-container .skills-text-true p svg{height:25px;width:25px}.skills-container .skills-text-true p svg path{stroke:var(--white-op50)}@keyframes slide{0%{opacity:0;transform:translateY(350px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(350px)}}@media(max-width:768px){.skills-container .skills-wrapper{align-content:space-around;display:flex;flex-wrap:wrap;gap:8px;height:60%;justify-content:center;min-width:288px;position:relative;width:288px}.skills-container .skills-wrapper .descriptionWrapper:nth-child(n+5):nth-child(-n+8) .skill{transform:translateY(-138px)!important}.skills-container .skills-wrapper .descriptionWrapper:nth-child(n+9):nth-child(-n+12) .skill{transform:translateY(138px)!important}.skills-container .skills-text .skill-text-header{font-size:1.2rem}.skills-container .skills-text p{font-size:3.2rem}}@media(max-width:425px){.skills-container .skills-text .skill-text-header{font-size:1rem}.skills-container .skills-text p{font-size:2.4rem}}.skill{align-items:center;animation-duration:22.5s,1s;animation-iteration-count:infinite,infinite;animation-name:idle,blood;animation-play-state:running,paused;animation-timing-function:linear,ease-in-out;border-radius:16px;box-shadow:2.5px 2.5px 7.5px #00000040;cursor:pointer;display:flex;height:75px;justify-content:center;left:50%;offset-rotate:0deg;opacity:1;padding:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-in-out;width:75px;z-index:2}.skill:hover{animation-iteration-count:infinite,1;animation-name:idle,bloop;animation-play-state:paused,running}.skill .image{align-items:center;display:flex;height:75px;justify-content:center;overflow:hidden;transition:all .5s ease-in-out;width:75px}.skill .image img{height:101%;width:101%}.skill .tooltip{background-color:var(--dark-gray);border:2px solid var(--white);border-radius:8px;display:flex;font-size:1.2rem;justify-content:center;min-width:max-content;opacity:0;padding:4px 16px;position:absolute;transform:translateY(-80px);transition:opacity .2s .85s}.skill .tooltip:after{border-color:var(--white) #0000 #0000 #0000;border-style:solid;border-width:10px;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.skill-true{opacity:1}.skill-true .tooltip{animation:blink 2.7s ease 0s infinite normal forwards;opacity:1}.skill-0{animation-delay:-1s,0s;offset-path:path("M20,20 C80,-40 120,80 20,20 C40,60 60,120 20,20")}.skill-0 .image img{height:150%;width:150%}.skill-1{animation-delay:-2s,0s;offset-path:path("M30,30 C90,-20 130,90 30,30 C50,40 90,110 30,30")}.skill-2{animation-delay:-3s,0s;offset-path:path("M50,50 C100,10 150,70 50,50 C60,30 90,90 50,50")}.skill-3{animation-delay:-4s,0s;offset-path:path("M70,70 C120,20 170,90 70,70 C90,40 130,80 70,70")}.skill-4{animation-delay:-5s,0s;offset-path:path("M20,20 C-40,80 80,120 20,20 C-20,100 50,150 20,20")}.skill-5{animation-delay:-6s,0s;offset-path:path("M30,30 C-20,90 90,130 30,30 C0,60 70,110 30,30")}.skill-6{animation-delay:-7s,0s;offset-path:path("M50,50 C10,100 70,150 50,50 C30,80 80,140 50,50")}.skill-7{animation-delay:-8s,0s;offset-path:path("M70,70 C20,120 90,170 70,70 C50,100 90,160 70,70")}.skill-8{animation-delay:-9s,0s;offset-path:path("M20,20 C-40,80 40,140 20,20 C10,70 60,110 20,20")}.skill-9{animation-delay:-10s,0s;offset-path:path("M30,30 C-30,100 30,170 30,30 C10,80 50,120 30,30")}.skill-10{animation-delay:-11s,0s;offset-path:path("M50,50 C100,0 50,-50 50,50 C80,-20 120,-10 50,50")}.skill-11{animation-delay:-12s,0s;offset-path:path("M70,70 C-50,150 70,230 70,70 C0,120 90,180 70,70")}.skill-12{animation-delay:-13s,0s;offset-path:path("M90,90 C150,30 90,-30 90,90 C130,10 150,50 90,90")}.skill-13{animation-delay:-14s,0s;offset-path:path("M30,30 C-20,90 90,130 30,30 C0,60 70,110 30,30")}.skill-14{animation-delay:-15s,0s;offset-path:path("M20,20 C-10,80 80,120 20,20 C0,50 60,100 20,20")}.skill-15{animation-delay:-16s,0s;offset-path:path("M20,20 C-50,80 50,140 20,20 C0,70 60,110 20,20")}.skill-0-true{left:55.25%!important;top:25.5%!important;transition-delay:.35s}.skill-1-true{left:77.7%!important;top:50%!important;transition-delay:.325s}.skill-2-true{left:28.6%!important;top:69.5%!important;transition-delay:.3s}.skill-3-true{left:55%!important;top:87.5%!important;transition-delay:.275s}.skill-4-true{left:77.7%!important;top:77.7%!important;transition-delay:.25s}.skill-5-true{left:19.5%!important;top:47.5%!important;transition-delay:.225s}.skill-6-true{left:13%!important;top:82.5%!important;transition-delay:.2s}.skill-7-true{left:90%!important;top:10%!important;transition-delay:.175s}.skill-8-true{left:31%!important;top:25%!important;transition-delay:.15s}.skill-9-true{left:15%!important;top:10%!important;transition-delay:.125s}.skill-10-true{left:70%!important;top:24%!important;transition-delay:.1s}.skill-11-true{left:92%!important;top:82%!important;transition-delay:75ms}.skill-12-true{left:40%!important;top:85%!important;transition-delay:.05s}.skill-13-true{left:45%!important;top:13%!important;transition-delay:25ms}@keyframes idle{0%{offset-distance:0;offset-rotate:0deg}25%{offset-rotate:-5deg}75%{offset-rotate:5deg}to{offset-distance:100%;offset-rotate:0deg}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes bloop{0%{transform:translate(-50%,-50%) scale(.9)}20%{transform:translate(-50%,-50%) scale(1.1)}40%{transform:translate(-50%,-50%) scale(.9)}60%{transform:translate(-50%,-50%) scale(1.03)}80%{transform:translate(-50%,-50%) scale(.97)}to{transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.skill{animation-duration:22.5s,1s;animation-iteration-count:infinite,infinite;animation-name:jdle,blood;animation-play-state:running,paused;animation-timing-function:linear,ease-in-out;height:50px;left:auto!important;offset-path:none;position:relative;top:auto!important;transform:none!important;width:50px}.skill:hover{animation-iteration-count:infinite,1;animation-name:jdle,bloop;animation-play-state:paused,running}.skill .image{height:50px;width:50px}.skill .image img{height:101%;width:101%}.skill .tooltip{display:flex;font-size:.67rem;justify-content:center;min-width:0;min-width:auto;padding:2px 8px;text-align:center;transform:translateY(-64px);width:100px}}.description{border-radius:0;border-radius:0 8px 8px 0;display:grid;left:100px;opacity:0;padding:8px;pointer-events:none;position:fixed;-webkit-user-select:none;user-select:none;z-index:9999}.description:before{background-color:var(--color);border-radius:8px 0 0 8px;box-shadow:-2.5px 2.5px 7.5px #00000040;content:"";height:calc(100% + 2px);position:absolute;transform:translate(-14px,-1px);width:15px}.description .skill-description .skill-header{display:flex;gap:64px;justify-content:space-between;width:max-content}.description .skill-description .skill-header svg{fill:var(--color)!important}.description .skill-description .skill-header .skill-name{font-size:1.4rem}.description .skill-description .skill-type{color:var(--white-op50);font-size:1rem;transform:translateY(-5px);width:40px}.description .skill-description .skill-i-know{display:flex;flex-wrap:wrap;gap:2px;margin:4px 0}.description .skill-description .skill-i-know p{background-color:var(--color-thing);border-radius:4px;padding:2px 4px}.description .skill-description .skill-time{margin-top:8px;text-align:start;width:200px}:hover~.description{animation:show .125s 10ms forwards;display:grid}@keyframes show{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.description{left:50%!important;position:absolute;top:50%!important;transform:translate(-50%,-50%) scale(.67)}.description .skill-description .skill-header{display:flex;gap:8px}}.stars{display:flex;height:25px;transform:translateY(5px);width:fit-content}.stars .heart{display:grid}.stars .heart svg{grid-area:1/1/1/1;height:25px;width:25px}.stars .heart .heart-changer{display:grid;grid-area:1/1/1/1;grid-template-columns:50% 50%}body.dark-theme .about-me .about-me-image .img-black{display:none!important}body.dark-theme .about-me .about-me-image .img-white,body.light-theme .about-me .about-me-image .img-black{display:block!important}body.light-theme .about-me .about-me-image .img-white{display:none!important}.about-me{background-color:var(--dark-gray);width:100vw}.about-me .about-me-text{animation:moveOut 0s 1.15s forwards;color:var(--white-op50);font-size:1.4rem;left:-40%;line-height:2rem;opacity:0;position:fixed;top:56%;transition:left 1.15s cubic-bezier(0,1,1,1) 0s,opacity .3s ease-out 0s;width:50%}.about-me .about-me-text .skill-link{color:var(--white)!important;cursor:pointer;font-weight:700}.about-me .about-me-text .cv-wrapper{display:flex;justify-content:end;margin-top:16px;transform:translate(-300px);transition:transform 2s cubic-bezier(0,1,1,1) 0s}.about-me .about-me-text .cv-wrapper .cv-download{align-self:center;display:flex;font-size:1.4rem;height:32px}.about-me .about-me-text .cv-wrapper .cv-download svg{height:32px;width:32px}.about-me .about-me-text .cv-wrapper .cv-download svg path{stroke:var(--white-op50)}.about-me .about-me-text .cv-wrapper .cv-download:hover{color:var(--white)}.about-me .about-me-text .cv-wrapper .cv-download:hover svg path{stroke:var(--white)}.about-me .about-me-image{aspect-ratio:1772/2480;border:1px solid rgba(var(--white),1);border-radius:16px;box-shadow:2.5px 2.5px 17px var(--black);height:500px;left:calc(100vw + 1000px);opacity:0;overflow:hidden;perspective:1000px;position:fixed;top:50%;transition:left .75s cubic-bezier(0,1,1,1) 0s,opacity .3s ease-out 0s}.about-me .about-me-image .img{height:100%;object-fit:cover;width:100%}.about-me .about-me-dots{grid-gap:32px;display:grid;gap:32px;left:97.5%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:left 1.15s cubic-bezier(0,1,1,1) 0s,opacity .3s ease-out 0s}.about-me .about-me-dots .dot{background-color:var(--white-op10);border-radius:5px;height:10px;overflow:hidden;width:10px}.about-me .about-me-dots .dot .dot-foreground{background-color:var(--white);border-radius:5px;height:100%;width:10px}.about-me-visible-true .about-me-text{animation:none 0s ease 0s 1 normal none running;animation:initial;left:10%;opacity:1;z-index:2}.about-me-visible-true .about-me-text .cv-wrapper{transform:translate(0)}.about-me-visible-true .about-me-image{left:81.5%;opacity:1}.about-me-visible-true .about-me-dots{left:calc(100% - 64px);opacity:1}@keyframes moveOut{0%{transform:translate(-50%)}to{transform:translate(-1000%)}}@media(max-width:1440px){.about-me .about-me-image{left:90%;top:30%}.about-me-visible-true .about-me-text{left:10%;width:75%}.about-me-visible-true .about-me-image{height:37vh;left:50%;top:30%}}@media(max-width:768px){.about-me .about-me-text{font-size:1.2rem;line-height:22px}.about-me .about-me-text .cv-wrapper{justify-content:center}.about-me .about-me-dots{display:none}}@media(max-width:425px){.about-me .about-me-text{font-size:.75rem;line-height:17px}.about-me .about-me-image{height:200px}}.button{all:unset;cursor:pointer}.experience-container{align-items:center;background-color:var(--dark-gray);display:flex;flex-direction:column;justify-content:center;margin-top:-1px;width:100vw}.experience-container .experience-header{font-size:3.2rem;margin:16px;text-align:center}.experience-container .experience-wrapper{display:grid;height:750px;width:1600px}.experience-container .experience-wrapper .experience{align-items:center;display:flex;flex-direction:column}.experience-container .experience-wrapper .experience .line{background-color:var(--white-op30);display:flex;flex-direction:column;height:0;justify-content:space-around;position:relative;transition:height .75s .75s;width:2px}.experience-container .experience-wrapper .experience .line .time{color:var(--still-gray);font-weight:700;position:absolute;z-index:1}.experience-container .experience-wrapper .experience .line .future{animation:connectRightReturn 3s forwards;text-align:left;top:0;width:300px}.experience-container .experience-wrapper .experience .line .past{animation:connectLeftReturn 3s forwards;text-align:right;top:100%;white-space:pre-line;width:300px}.experience-container .experience-wrapper .experience .line .job{display:flex;opacity:0;transform:translate(-26px,78px);transition:opacity 1s,transform 1s;width:50px;z-index:2}.experience-container .experience-wrapper .experience .line .job .job-logo{align-items:center;border:2px solid var(--still-gray);border-radius:50%;display:flex;justify-content:center;min-height:50px;min-width:50px;z-index:3}.experience-container .experience-wrapper .experience .line .job .job-logo img{height:35px;width:35px}.experience-container .experience-wrapper .experience .line .job .job-inner{border-bottom:1px dashed var(--white-op30);border-radius:8px 8px 8px 8px;filter:blur(10px);height:152px;overflow:hidden;padding:10px 12px;position:absolute;transform:translate(67px);transition:filter 1s 0s;width:550px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header{align-items:center;display:flex;justify-content:space-between}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header .job-name{font-size:2.4rem}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header .job-data{color:var(--white-op50);font-size:1rem;font-weight:500}.experience-container .experience-wrapper .experience .line .job .job-inner .job-type{color:var(--white-op50);font-size:1rem;font-weight:100;transform:translateY(-3px)}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills p{border-radius:4px;color:#fff;padding:2px 4px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .React{background-color:#232223}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .SASS{background-color:#c69}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .TypeScript{background-color:#017bcc}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .Java{background-color:#fff;color:#000}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .Threejs{background-color:#737373}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .C{background-color:#358230}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .NET{background-color:#5127d4}.experience-container .experience-wrapper .experience .line .job .job-inner .job-skills .PostgreSQL{background-color:#018bb9}.experience-container .experience-wrapper .experience .line .job .job-inner .job-description{letter-spacing:.5px;margin-top:4px;white-space:pre-line}.experience-container .experience-wrapper .experience .line .job .cursor{display:block;height:40px;position:absolute;transform:translate(335px,165px) scale(.9);width:40px;z-index:3}.experience-container .experience-wrapper .experience .line .job .cursor svg{height:40px;width:40px}.experience-container .experience-wrapper .experience .line .job .cursor svg path{fill:var(--still-gray)}.experience-container .experience-wrapper .experience .line .job:has(.job-inner:hover,.cursor:hover) .job-inner{border-bottom:1px solid var(--white-op30);height:auto}.experience-container .experience-wrapper .experience .line .job:has(.job-inner:hover,.cursor:hover) .cursor{display:none}.experience-container .experience-wrapper .experience .line .is-left-true{display:flex;flex-direction:row-reverse;transform:translate(0)}.experience-container .experience-wrapper .experience .line .is-left-true .job-inner{transform:translate(-20px)!important}.experience-container-is-visible-true .experience-wrapper .experience .line{height:100%}.experience-container-is-visible-true .experience-wrapper .experience .line .future{animation:connectRight .75s forwards}.experience-container-is-visible-true .experience-wrapper .experience .line .past{animation:connectLeft .75s forwards}.experience-container-is-visible-true .experience-wrapper .experience .line .is-left-true .job-inner{transform:translate(-66px)!important}.experience-container-is-visible-true .experience-wrapper .experience .line-is-expanded-true .job{opacity:1;transform:translate(-26px)}.experience-container-is-visible-true .experience-wrapper .experience .line-is-expanded-true .job .job-inner{filter:blur(0)}@keyframes connectLeft{0%{font-size:2.1rem;left:-300px;transform:translate(-50%,-8px)}to{font-size:1.4rem;left:-250px;transform:var(--transform-past)}}@keyframes connectRight{0%{font-size:2.1rem;left:300px;transform:translate(-50%,-7.7px)}to{font-size:1.4rem;left:0;transform:translate(-1.9px,-7.7px)}}@keyframes connectLeftReturn{0%{font-size:1.4rem;left:-250px;transform:translate(-42.9px,-8px)}50%{font-size:1.4rem;left:-250px;transform:translate(-42.9px,-8px)}to{font-size:2.1rem;left:-300px;transform:translate(-50%,-8px)}}@keyframes connectRightReturn{0%{font-size:1.4rem;left:0;transform:translate(-1.9px,-7.7px)}50%{font-size:1.4rem;left:0;transform:translate(-1.9px,-7.7px)}to{font-size:2.1rem;left:300px;transform:translate(-50%,-7.7px)}}@media(max-width:1440px){.experience-container .experience-wrapper{height:900px;width:60vw}.experience-container .experience-wrapper .experience{align-items:start;display:flex;flex-direction:column}}@media(max-width:1024px){.experience-container .experience-wrapper{height:800px}.experience-container .experience-wrapper .experience{transform:scale(.9)}.experience-container .experience-wrapper .experience .line .job .cursor{transform:translate(268px,165px) scale(.9)}.experience-container .experience-wrapper .experience .line .job .job-inner{width:400px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header .job-name{font-size:1.4rem}.experience-container .experience-wrapper .experience .line .job:has(.job-inner:hover,.cursor:hover) .job-inner{transform:translate(67px,-50%)}}@media(max-width:768px){.experience-container .experience-wrapper .experience .line .job .cursor{transform:translate(218px,165px) scale(.9)}.experience-container .experience-wrapper .experience .line .job .job-inner{width:300px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header .job-name{font-size:1.4rem}.experience-container .experience-wrapper .experience .line .job:has(.job-inner:hover,.cursor:hover) .job-inner{transform:translate(67px,-50%)}}@media(max-width:425px){.experience-container .experience-header{font-size:2.4rem}.experience-container .experience-wrapper .experience .line .job{font-size:1rem}.experience-container .experience-wrapper .experience .line .job .cursor{transform:translate(144px,165px)}.experience-container .experience-wrapper .experience .line .job .job-inner{transform:translate(51px);width:200px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header{align-items:start;border-bottom:1px solid var(--white-op30);flex-direction:column;margin-bottom:8px;padding-bottom:8px}.experience-container .experience-wrapper .experience .line .job .job-inner .job-header .job-name{font-size:1.4rem}.experience-container .experience-wrapper .experience .line .job:has(.job-inner:hover,.cursor:hover) .job-inner{font-size:.75rem;transform:translateY(-50%);width:250px;z-index:10}}body.light-theme .projects-container .projects-wrapper .project .visit{mix-blend-mode:normal}.projects-container{align-items:center;background-color:var(--dark-gray);display:flex;flex-direction:column;justify-content:start;margin-top:-1px;overflow:visible;width:100vw}.projects-container .projects-header{font-size:3.2rem;margin-bottom:32px;margin-top:250px;text-align:center;width:300px}.projects-container .button-container{background-color:var(--black-op30);border-radius:8px;display:grid;grid-template-columns:50% 50%;height:50px;margin-top:8px;position:relative;width:400px}.projects-container .button-container .button{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:1.4rem;height:50px;justify-content:center;width:200px}.projects-container .button-container .buttons-background{-webkit-backdrop-filter:invert(100%) brightness(1);backdrop-filter:invert(100%) brightness(1);border-radius:8px;height:50px;position:absolute;transition:transform .67s;width:200px}.projects-container .button-container .is-1{transform:translate(200px)}.projects-container .projects-wrapper{align-items:center;display:none;flex-direction:column;gap:32px;margin-top:32px;width:600px}.projects-container .projects-wrapper .project{animation:hideProject 1s forwards;border-radius:8px;max-width:500px;opacity:0;padding:8px}.projects-container .projects-wrapper .project .project-image{border-radius:4px;height:225px;image-rendering:auto!important;overflow:hidden;position:relative;width:100%}.projects-container .projects-wrapper .project .project-image img{margin-top:-15px;object-fit:cover;scale:1.1;transition:transform 0s,scale .5s,filter .5s;width:100%}.projects-container .projects-wrapper .project .project-image:hover .visit{opacity:1}.projects-container .projects-wrapper .project .project-image:hover img{cursor:pointer;filter:blur(5px)}.projects-container .projects-wrapper .project .project-image:hover .visit{filter:blur(0)}.projects-container .projects-wrapper .project:hover .project-image img{scale:1}.projects-container .projects-wrapper .project:has(.project-image:hover) .visit{opacity:1}.projects-container .projects-wrapper .project .visit{animation:rotateVisit 20s linear infinite forwards;mix-blend-mode:difference;opacity:0;position:absolute;transition:opacity .5s;z-index:2}.projects-container .projects-wrapper .project .visit p{color:inherit;color:var(--white);font-size:1rem;height:145px;mix-blend-mode:difference;pointer-events:none;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.projects-container .projects-wrapper .project .project-header{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.projects-container .projects-wrapper .project .project-header .project-name{font-size:2.4rem}.projects-container .projects-wrapper .project .project-header .project-type{color:var(--white-op50);font-size:1rem}.projects-container .projects-wrapper .project .project-skills{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0}.projects-container .projects-wrapper .project .project-skills .image{align-items:center;border-radius:4px;display:flex;height:30px;image-rendering:auto!important;justify-content:center;overflow:hidden;padding:2px;width:30px}.projects-container .projects-wrapper .project .project-skills .image img{all:unset;height:101%;width:101%}.projects-container .projects-wrapper .project .project-skills .image .postgresql{height:90%;width:90%}.projects-container .projects-wrapper .project .project-skills .image .gitlab{height:150%;width:150%}.projects-container .projects-wrapper .project .project-description{font-size:1rem;letter-spacing:.5px;margin-top:12px}.projects-container .projects-wrapper .project .project-button{align-items:center;background-color:var(--black-op50);border-radius:8px;color:var(--white-op50);display:flex;justify-content:center;margin-top:12px;padding:8px;width:calc(100% - 16px)}.projects-container .projects-wrapper .project .project-button:hover{background-color:var(--black-op30);color:var(--white)}.projects-container .projects-wrapper .none-project{align-items:center;animation:showProject 1s forwards;color:var(--white-op30);display:flex;flex-direction:column;font-size:1.4rem;gap:12px}.projects-container .projects-wrapper .none-project svg{height:100px;width:100px}.projects-container .projects-wrapper .none-project svg path{stroke:var(--white-op30)}.projects-container .projects-wrapper .none-project svg ellipse{fill:var(--white-op30)}.projects-container .visible-true{display:flex}.projects-container .visible-true .is-in-range-true{animation:showProject 1s forwards}.projects-container .visible-true .is-in-range-false{animation:hideProject 1s forwards;opacity:1}.projects-container .changing-true{animation:hideProject 1s forwards!important}.modal-project{color:var(--white);overflow-y:auto;width:700px}.modal-project .project-header{align-items:center;display:flex;width:100%}.modal-project .project-header .project-name{font-size:4rem}.modal-project .project-header .project-type{color:var(--white-op50);font-size:2.4rem;margin-left:16px;transform:translateY(7px)}.modal-project .project-idea{font-size:1.2rem;margin:16px}.modal-project .spacer{align-items:center;display:flex;font-size:1.4rem;height:37px;margin-top:16px;width:100%}.modal-project .spacer .spacer-text{border-radius:8px;color:var(--white);padding:2px 8px;transform:translateY(-2px)}.modal-project .spacer .line{background-color:var(--white-op30);flex:1 1;height:1px}.modal-project .project-skills{align-items:center;display:flex;font-size:1rem;gap:4px;margin:16px}.modal-project .project-skills .image{border-radius:8px;height:36px;image-rendering:auto!important;overflow:hidden;padding:6px;width:36px}.modal-project .project-skills .image .gitlab{transform:scale(2)}.modal-project .project-skills .image img{height:36px;width:36px}.modal-project .task-container{display:flex;flex-direction:column}.modal-project .task-container .task{display:flex;width:100%}.modal-project .task-container .task .task-text{flex:2 1;font-size:1.2rem;margin:8px 16px;white-space:pre-line}.modal-project .task-container .task .task-text b{display:flex;margin:8px 0;width:100%}.modal-project .task-container .task .image{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:8px}.modal-project .task-container .task .image img{border-radius:8px;cursor:pointer;image-rendering:auto!important;margin:8px 0;max-height:300px;max-width:100%;object-fit:contain;overflow:hidden}.modal-project .task-container .task:not(:last-child){border-bottom:1px solid var(--white-op30)}@keyframes showProject{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes hideProject{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-25px)}}@keyframes rotateVisit{0%{transform:rotate(0deg) scale(.75)}to{transform:rotate(1turn) scale(.75)}}@media(max-width:768px){.project{width:380px}.project .project-image{height:200px!important;width:100%}.modal-project{width:auto}.modal-project .project-header{align-items:start;flex-direction:column;width:100%}.modal-project .project-header .project-name{font-size:4rem}.modal-project .project-header .project-type{font-size:1.4rem;margin-left:0;transform:translate(0)}}@media(max-width:425px){.projects-container .projects-header{font-size:2.4rem}.projects-container .button-container{height:50px;width:280px}.projects-container .button-container .button{font-size:1.2rem;width:140px}.projects-container .button-container .buttons-background{width:140px}.projects-container .button-container .is-1{transform:translate(140px)}.projects-container .projects-wrapper .project{width:240px}.projects-container .projects-wrapper .project .project-image{height:100px!important;width:100%}.projects-container .projects-wrapper .project .project-header{align-items:start!important;flex-direction:column;justify-content:start!important}.modal-project .project-idea{font-size:1rem}.modal-project .project-skills .image{border-radius:8px;height:28px;image-rendering:auto!important;overflow:hidden;padding:6px;width:28px}.modal-project .project-skills .image .gitlab{transform:scale(2)}.modal-project .project-skills .image img{height:28px;width:28px}.modal-project .spacer{font-size:1rem}.modal-project .task-container,.modal-project .task-container .task{display:flex;flex-direction:column}.modal-project .task-container .task .task-text{font-size:1rem}}body.light-theme .modal-background .modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-background{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:9999}.modal-background .modal{-webkit-backdrop-filter:blur(15px) brightness(.4);backdrop-filter:blur(15px) brightness(.4);border-radius:16px;display:flex;flex-direction:column;max-height:80vh}.modal-background .modal .modal-header{display:flex;flex-direction:row-reverse;width:100%;z-index:2}.modal-background .modal .modal-header .close-btn{align-items:center;border-color:var(--red-op50) var(--red-op50) #0000 #0000;border-radius:0 16px 0 0;border-style:solid;border-width:35px;display:flex;height:0;justify-content:center;position:absolute;transform:translate(1px,-1px);width:0}.modal-background .modal .modal-header .close-btn svg{height:33.3px;position:absolute;transform:translate(16px,-15px);width:33.3px}.modal-background .modal .modal-header .close-btn svg path{stroke:var(--g-white-op50)}.modal-background .modal .modal-header .close-btn:hover{border-color:var(--red-op70) var(--red-op70) #0000 #0000}.modal-background .modal .modal-header .close-btn:hover svg path{stroke:var(--g-white)}.modal-background .modal:has(.modal-project){padding:16px}.modal-background .modal:has(.modal-project) .close-btn{transform:translate(17px,-17px)}@media(max-width:768px){.modal{width:calc(100% - 64px)}}.expanded{border-radius:16px;max-height:90vh;max-width:90vw;overflow:hidden}.expanded,.expanded img{image-rendering:auto!important}.contact-container{align-items:center;background-color:var(--dark-gray);display:flex;flex-direction:column;height:1355px;justify-content:center}.contact-container .contact-container-header{font-size:3.2rem;text-align:center}.contact-container .media-container{display:flex;filter:blur(5px);gap:16px;margin-top:32px;opacity:0;transition:opacity 1s,filter 1s}.contact-container .media-container .contact{border-radius:8px;display:flex;flex-direction:column;margin-top:0!important;padding:24px;transition:transform 1s;width:320px}.contact-container .media-container .contact .contact-header{display:flex;justify-content:space-between}.contact-container .media-container .contact .contact-header .contact-name{font-size:1.2rem}.contact-container .media-container .contact .contact-header img{height:25px;width:25px}.contact-container .media-container .contact .contact-description{color:var(--white-op30);font-size:1rem;margin-top:2px}.contact-container .media-container .contact .contact-button{background-color:#fff;border-radius:8px;color:#000;display:flex;font-size:1rem;justify-content:center;margin-top:16px;min-width:120px;padding:8px 12px;transition:filter .25s;width:fit-content}.contact-container .media-container .contact .contact-button:hover{filter:brightness(1.25)}.contact-container .media-container .contact:first-child{transform:translate(346px)}.contact-container .media-container .contact:nth-child(2){margin-top:32px}.contact-container .media-container .contact:nth-child(3){transform:translate(-346px)}.contact-container .is-media-visible-true{filter:blur(0);opacity:1}.contact-container .is-media-visible-true .contact{transform:translate(0)!important}@media(max-width:1440px){.contact-container .media-container .contact{padding:16px;width:280px}.contact-container .media-container .contact .contact-description{font-size:.85rem}}@media(max-width:1024px){.contact-container .media-container{flex-direction:column}.contact-container .media-container .contact:first-child{transform:translateY(152px)}.contact-container .media-container .contact:nth-child(2){margin-top:32px}.contact-container .media-container .contact:nth-child(3){transform:translateY(-152px)}}@media(max-width:425px){.contact-container .contact-container-header{font-size:2.4rem}.contact-container .media-container{flex-direction:column}.contact-container .media-container .contact{width:250px}}.footer{align-items:center;display:flex;flex-direction:column;gap:4px;height:85px}.footer .made{display:flex;font-size:1rem;font-weight:700}.footer .made p{align-items:center;animation:emoji 1s linear infinite;display:flex;height:22px;justify-content:center;margin:0 2px;width:22px;z-index:1}.footer .line{background-color:var(--white-op30);background:linear-gradient(90deg,var(--white-op30) 0,var(--white-op30) 100%);display:flex;height:1px;justify-content:space-between;width:500px}.footer .line .link{color:var(--white-op30);font-size:1rem}.footer .line .link:hover{color:var(--white)}.footer .line .source{text-align:right;transform:translate(-116px,-11px);width:100px}.footer .line .credits{text-align:left;transform:translate(116px,-11px);width:100px}.footer .line:has(.source:hover){background:linear-gradient(90deg,var(--white) 0,var(--white-op30) 66.6%,var(--white-op30) 100%)}.footer .line:has(.credits:hover){background:linear-gradient(90deg,var(--white-op30) 0,var(--white-op30) 33.3%,var(--white) 100%)}.footer .copyright{color:var(--white-op30);font-size:1rem;text-align:center}.footer .link-container{display:flex;justify-content:space-around;width:500px;z-index:100}@keyframes emoji{0%{transform:rotateY(-90deg)}50%{transform:rotateY(0deg)}to{transform:rotateY(90deg)}}@media(max-width:768px){.footer{gap:8px;transform:translateY(-50%)}.footer .line{width:45%}}@media(max-width:425px){.footer .line{height:0;transform:translateY(-48px);width:85%}.footer .line .source{font-size:1.2rem;text-align:left;transform:translateY(-11px)}.footer .line .credits{font-size:1.2rem;text-align:right;transform:translateY(-11px)}}.language{align-items:center;cursor:pointer;display:grid;height:60px;justify-content:center;left:calc(100% - 79px);position:fixed;top:calc(4.4% + 3px);transform:translate(-50%,-50%);width:60px;z-index:100}.language svg{height:40px;width:40px}.language .english,.language .polish{grid-area:1/1/1/1;transform:translate(0)}.homepage-container>.language{animation:show-language 1s 1.9s forwards;transform:translate(200px,-50%)}.is-english-false .english{animation:hideLanguage 1s ease-in-out forwards}.is-english-false .polish,.is-english-true .english{animation:showLanguage 1s ease-in-out forwards}.is-english-true .polish{animation:hideLanguage 1s ease-in-out forwards}@keyframes showLanguage{0%{opacity:0;scale:.5;transform:translate(0);z-index:0}50%{transform:translate(25px);z-index:1}to{opacity:1;scale:1;transform:translate(0)}}@keyframes hideLanguage{0%{opacity:1;scale:1;transform:translate(0)}50%{transform:translate(-25px);z-index:1}to{opacity:0;scale:.5;transform:translate(0);z-index:0}}@keyframes show-language{0%{transform:translate(200px,-50%)}to{transform:translate(-50%,-50%)}}@media(max-width:768px){.language{left:calc(100% - 40px)}}.theme{align-items:center;border-radius:8px;cursor:pointer;display:grid;justify-content:center;left:calc(100% - 79px);padding:8px;position:fixed;top:calc(100% - 65px);transform:translate(-50%,-50%);z-index:3}.theme:hover{background-color:var(--white-op10)}.theme:hover svg path{fill:var(--white)}.theme svg{grid-area:1/1/1/1;height:24px;width:24px}.theme svg path{fill:var(--white-op50)}.homepage-container>.theme{animation:show-theme 1s 2.2s forwards;transform:translate(200px,-50%)}@keyframes show-theme{0%{transform:translate(-50%,200px)}to{transform:translate(-50%,-50%)}}@media(max-width:768px){.theme{left:calc(100% - 40px)}}.sound{align-items:center;border-radius:8px;cursor:pointer;display:grid;height:24px;justify-content:center;left:calc(100% - 79px);padding:8px;position:fixed;top:calc(100% - 109px);transform:translate(-50%,-50%);width:24px;z-index:100}.sound:hover{background-color:var(--white-op10)}.sound:hover svg path{stroke:var(--white)}.sound svg{grid-area:1/1/1/1;height:24px;width:24px}.sound svg path{stroke:var(--white-op50)}.homepage-container>.sound{animation:show-theme 1s 2s forwards;transform:translate(200px,-50%)}@media(max-width:768px){.sound{left:calc(100% - 40px)}}.navbar{justify-content:center;left:50%;pointer-events:none;position:absolute;top:4.4%;transform:translate(-50%,-50%);width:100vw;z-index:10}.navbar,.navbar .navbar-inner{align-items:center;display:flex}.navbar .navbar-inner{font-size:1.2rem;gap:100px;justify-content:space-between;pointer-events:all;transition:scale .25s}.navbar .navbar-inner .navbar-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;display:flex;height:100%;justify-content:space-between;width:425px}.navbar .navbar-inner .navbar-box .box-item{align-items:center;animation:appear-box 1s 1s forwards;background-color:#0000;border-radius:32px;color:var(--white);cursor:pointer;display:flex;justify-content:center;padding:1rem 1.5rem;transform:translateY(-200px);transition:color .25s,background .25s;-webkit-user-select:none;user-select:none}.navbar .navbar-inner .navbar-box .box-item:hover{background-color:var(--white);color:var(--black)}.navbar .navbar-inner .navbar-box .box-item:hover .stroke path{stroke:var(--black)}.navbar .navbar-inner .navbar-box .box-item:hover .fill,.navbar .navbar-inner .navbar-box .box-item:hover .fill path{fill:var(--black)}.navbar .navbar-inner .navbar-box .box-item svg{display:none;height:30px;width:30px}.navbar .navbar-inner .navbar-box .box-item .stroke path{stroke:var(--white)}.navbar .navbar-inner .navbar-box .box-item .fill,.navbar .navbar-inner .navbar-box .box-item .fill path{fill:var(--white)}.navbar .navbar-inner .navbar-box .active-item{background-color:var(--white);color:var(--black)}.navbar .navbar-inner .navbar-box .active-item .stroke path{stroke:var(--black)}.navbar .navbar-inner .navbar-box .active-item .fill,.navbar .navbar-inner .navbar-box .active-item .fill path{fill:var(--black)}@keyframes appear-box{0%{transform:translateY(-200px)}to{transform:translate(0)}}@media(max-width:1440px){.navbar .navbar-inner{font-size:1rem}.navbar .navbar-inner .navbar-box{width:330px}.navbar .navbar-inner .navbar-box .box-item{padding:.75rem 1rem}}@media(max-width:1024px){.navbar .navbar-inner .navbar-box{width:218px}.navbar .navbar-inner .navbar-box .box-item{padding:1rem}.navbar .navbar-inner .navbar-box .box-item span{display:none}.navbar .navbar-inner .navbar-box .box-item svg{display:block}}@media(max-width:768px){.navbar{transform:translate(-50%,calc(-50% + 66px))}.navbar .navbar-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;gap:0}.navbar .navbar-inner .navbar-box{-webkit-backdrop-filter:initial;backdrop-filter:none;width:132px}.navbar .navbar-inner .navbar-box .box-item{padding:.75rem}.navbar .navbar-inner .navbar-box .box-item svg{height:20px;width:20px}}.start{background-color:var(--dark-gray);height:100vh;width:100%}.start .start-inner{height:calc(100vh - 85px);justify-content:center;width:100%}.start .start-inner,.start .start-inner .start-header{align-items:center;display:flex;flex-direction:column}.start .start-inner .start-header p{font-size:4rem}.start .start-inner .start-header p:first-child{font-size:6.4rem}.start .start-inner .start-header .low-quality-checkbox{margin:32px 0}.start .start-inner .button-wrapper{position:relative}.start .start-inner .button-wrapper .button-line{align-items:center;-webkit-backdrop-filter:invert(100%) brightness(1);backdrop-filter:invert(100%) brightness(1);border-radius:30px;display:flex;height:60px;justify-content:end;position:absolute;transform:translate(-60px);transition:width 1s;width:60px}.start .start-inner .button-wrapper .button-line svg{height:24px;padding:18px;transform:rotate(270deg);width:24px}.start .start-inner .button-wrapper .button-line svg path{fill:var(--black)}.start .start-inner .button-wrapper .start-button{align-items:center;border-radius:16px;color:var(--white);display:flex;font-size:2.4rem;justify-content:center;padding:4px 24px;z-index:2}.start .start-inner .button-wrapper:hover .button-line{width:calc(100% + 120px)}@media(max-width:768px){.start .start-inner .start-header p{font-size:2.4rem}.start .start-inner .start-header p:first-child{font-size:4rem}.start .start-inner .button-wrapper .button-line{border-radius:19.5px;height:39px;position:absolute;transform:translate(-39px);width:39px}.start .start-inner .button-wrapper .button-line svg{height:24px;padding:7.5px;transform:rotate(270deg);width:24px}.start .start-inner .button-wrapper .button-line svg path{fill:var(--black)}.start .start-inner .button-wrapper .start-button{font-size:1.4rem}.start .start-inner .button-wrapper:hover .button-line{width:calc(100% + 78px)}}.checkbox-wrapper{align-items:center;display:flex;justify-content:flex-start}.checkbox-wrapper input{all:unset;align-items:center;background-color:#0000;border:1px solid var(--white-op50);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin:0 2px 0 8px;min-height:24px;min-width:24px;transition:all .25s}.checkbox-wrapper input:hover{border:1px solid var(--white)}.checkbox-wrapper input:hover:before{color:var(--white);content:"✓"}.checkbox-wrapper input:before{color:var(--white-op50);content:"✓";transition:all .25s}.checkbox-wrapper .checked{background-color:var(--white);border:1px solid var(--white)}.checkbox-wrapper .checked:before{color:var(--black)!important;content:"✓"}.checkbox-wrapper .text{font-size:1.2rem;margin-right:8px}body{--g-black:#000;--g-black-op90:#000000e6;--g-black-op80:#000c;--g-black-op50:#00000080;--g-black-op30:#0000004d;--g-black-op10:#0000001a;--g-white:#fff;--g-white-op90:#ffffffe6;--g-black-op80:#fffc;--g-white-op50:#ffffff80;--g-white-op40:#fff6;--g-white-op30:#ffffff4d;--g-white-op10:#ffffff1a;--g-still-gray-dark:#545454;--g-still-gray-light:#ababab;--g-dark-gray:#0a0a0a;--g-light-gray:#f5f5f5;--white-gradient-start:#ffffff1a;--white-gradient-end:#ffffff0d;--black-gradient-start:#ffffff4d;--black-gradient-end:#e1e1e14d;--g-red:#fc371d;--g-red-op70:#b52a16;--g-red-op50:#822014}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:Futura;src:url(/static/media/NotoSans-Light.4f78d44bd300d565d629.ttf) format("truetype")}body.dark-theme{--black:var(--g-black);--black-op80:var(--g-black-op80);--black-op50:var(--g-black-op50);--black-op30:var(--g-black-op30);--black-op10:var(--g-black-op10);--white:var(--g-white);--white-op50:var(--g-white-op50);--white-op40:var(--g-white-op40);--white-op30:var(--g-white-op30);--white-op10:var(--g-white-op10);--still-gray:var(--g-still-gray-dark);--dark-gray:var(--g-dark-gray);--gradient-start:var(--white-gradient-start);--gradient-end:var(--white-gradient-end);--red:var(--g-red);--red-op70:var(--g-red-op70);--red-op50:var(--g-red-op50)}body.light-theme{--black:var(--g-white);--black-op80:var(--g-white-op80);--black-op50:var(--g-white-op50);--black-op30:var(--g-white-op30);--black-op10:var(--g-white-op10);--white:var(--g-black);--white-op50:var(--g-black-op50);--white-op40:var(--g-black-op40);--white-op30:var(--g-black-op30);--white-op10:var(--g-black-op10);--still-gray:var(--g-still-gray-light);--dark-gray:var(--g-light-gray);--gradient-start:var(--black-gradient-start);--gradient-end:var(--black-gradient-end);--red:var(--g-red);--red-op70:var(--g-red-op70);--red-op50:var(--g-red-op50)}.credits-page{background-color:var(--dark-gray);height:100vh;overflow:hidden;overflow-y:auto;width:100%}.credits-page .back{left:79px;max-height:60px;max-width:60px;position:absolute;top:4.4%;transform:translate(-50%,-50%)}.credits-page .back svg{height:60px;transform:rotate(90deg) translateY(20px);width:60px}.credits-page .back svg path{stroke:var(--white-op30)}.credits-page .back:hover svg path{stroke:var(--white)}.credits-page .credits-inner{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:calc(100vh - 85px);width:100%}.credits-page .credits-inner .credits-header{font-size:3.2rem;margin-top:32px}.credits-page .credits-inner .containers-wrapper{display:flex;gap:56px;margin-bottom:16px}.credits-page .credits-inner .containers-wrapper .container{display:flex;flex-direction:column;gap:4px}.credits-page .credits-inner .containers-wrapper .container .spacer{align-items:center;display:flex;font-size:1.4rem;height:37px;width:calc(100% + 40px)}.credits-page .credits-inner .containers-wrapper .container .spacer .spacer-text{border-radius:8px;color:var(--white);padding:2px 8px;transform:translateY(-2px)}.credits-page .credits-inner .containers-wrapper .container .spacer .line{background-color:var(--white-op30);flex:1 1;height:1px}.credits-page .credits-inner .containers-wrapper .container .container-item{align-items:center;display:flex;gap:8px;margin:0 16px;padding:4px;width:100%}.credits-page .credits-inner .containers-wrapper .container .container-item svg{border-right:1px solid var(--white-op30);height:33px;padding-right:8px;width:33px}.credits-page .credits-inner .containers-wrapper .container .container-item audio{height:38px;width:250px}.credits-page .credits-inner .containers-wrapper .container .container-item *{text-align:center}.credits-page .credits-inner .containers-wrapper .container .container-item .item-author{flex:1 1;font-weight:700}.credits-page .credits-inner .containers-wrapper .container .container-item .item-license{flex:1 1}.credits-page .credits-inner .containers-wrapper .container .container-item .item-link{color:var(--white-op30);flex:1.75 1;text-align:start}.credits-page .credits-inner .containers-wrapper .container .container-item .item-link:hover{color:var(--white)}.credits-page .credits-inner .containers-wrapper .container .container-item:not(:last-child){border-bottom:1px solid var(--white-op30)}@media(max-width:1440px){.credits-page .credits-inner{margin-bottom:64px}.credits-page .credits-inner .containers-wrapper{flex-direction:column}.credits-page .credits-inner .containers-wrapper .container{align-items:center}.credits-page .credits-inner .containers-wrapper .container .spacer{width:calc(85% + 40px)}.credits-page .credits-inner .containers-wrapper .container .container-item{width:85%}}@media(max-width:768px){.credits-page .back{left:55px}.credits-page .credits-inner{margin-bottom:128px}.credits-page .credits-inner .containers-wrapper{width:calc(100% - 64px)}.credits-page .credits-inner .containers-wrapper .container .spacer{width:100%}.credits-page .credits-inner .containers-wrapper .container .container-item{flex-direction:column;padding:16px 0;width:calc(100% - 16px)}.credits-page .credits-inner .containers-wrapper .container .container-item svg{border-right:initial}.credits-page .credits-inner .containers-wrapper .container span{display:none}}
/*# sourceMappingURL=main.640bd7e9.css.map*/