*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;text-size-adjust:none;height:100%;width:100%;overflow-x:hidden;scroll-behavior:smooth}.about__section blockquote,blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}.about__section blockquote,button,h1,h2,h3,h4,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit;resize:none}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@keyframes moveY{0%{transform:translateY(110%)}to{transform:translate(0)}}@keyframes moveYShort{0%{transform:translateY(20%)}to{transform:translate(0)}}@keyframes moveX{0%{transform:translate(-200px)}to{transform:translate(0)}}@keyframes moveYSkew{0%{transform:translateY(80px) skewY(10deg);filter:blur(10px)}to{transform:translate(0) skewY(0);filter:blur(0)}}@keyframes fadeout{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(5px)}}@keyframes fadein{0%{opacity:0;zoom:1;filter:blur(10px)}to{opacity:1;zoom:0;filter:blur(0)}}@keyframes beforeOpenProject{0%{transform:translateX(25px) translateY(150px);opacity:0}to{transform:translateX(0) translate(0);opacity:1}}@keyframes loadBar{0%{width:0}to{width:100%}}@keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes fadeGradientIn{0%,20%{opacity:0}to{opacity:1}}@keyframes fadeGradientOut{0%{opacity:1}80%,to{opacity:0}}.about,.contact,.start{height:100vh;width:100vw;padding-top:10vh;padding-left:5vh;overflow:hidden;align-items:center;text-align:start;background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/karrson-768w-portrait.webp) 50%;background-size:cover;background-repeat:no-repeat}@media screen and (min-width:992px){.about,.contact,.start{background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/karrson-1024w-landscape.webp) 50%;background-size:cover;background-repeat:no-repeat}}@media screen and (min-width:1200px){.about,.contact,.start{padding-top:10vh;padding-left:10vh;background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/karrson-1280w-landscape.webp) 50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-width:1600px){.about,.contact,.start{background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/karrson-1920w-landscape.webp) 50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-width:2000px){.about,.contact,.start{background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/karrson-3425w-landscape.webp) 50%;background-repeat:no-repeat;background-size:cover}}.about #h1Container,.contact #h1Container,.start #h1Container{height:auto;overflow:hidden;text-indent:-.1rem}@media screen and (min-width:1200px){.about #h1Container,.contact #h1Container,.start #h1Container{text-indent:-.2rem}}.about #h2Container,.contact #h2Container,.start #h2Container{height:23px;overflow:hidden}@media screen and (min-width:768px){.about #h2Container,.contact #h2Container,.start #h2Container{height:50px}}@media screen and (min-width:1200px){.about #h2Container,.contact #h2Container,.start #h2Container{height:62px}}.start__title{margin:0;padding-bottom:2rem;font-size:4rem}@media screen and (min-width:768px){.start__title{margin-bottom:1rem;font-size:18vw}}@media screen and (min-width:1200px){.start__title{font-size:14rem;line-height:.9}}.start__title #title-container-1{height:auto;overflow:hidden}.start__title--first#frontend{display:inline-block;animation:moveYShort .7s ease-in-out both}.start__title--last{display:inline-block;animation:moveY .7s ease-in-out both;animation-delay:.1s;color:#add8e6}.about .about__section blockquote#styleSensei,.about h2#styleSensei,.about__section .about blockquote#styleSensei,.about__section .contact blockquote#styleSensei,.about__section .start blockquote#styleSensei,.contact .about__section blockquote#styleSensei,.contact h2#styleSensei,.start .about__section blockquote#styleSensei,.start h2#styleSensei{animation:moveY .7s ease-in-out both;animation-delay:.2s}@media screen and (min-width:768px){.about .about__section blockquote#styleSensei,.about h2#styleSensei,.about__section .about blockquote#styleSensei,.about__section .contact blockquote#styleSensei,.about__section .start blockquote#styleSensei,.contact .about__section blockquote#styleSensei,.contact h2#styleSensei,.start .about__section blockquote#styleSensei,.start h2#styleSensei{font-size:3.2rem}}@media screen and (min-width:1200px){.about .about__section blockquote#styleSensei,.about h2#styleSensei,.about__section .about blockquote#styleSensei,.about__section .contact blockquote#styleSensei,.about__section .start blockquote#styleSensei,.contact .about__section blockquote#styleSensei,.contact h2#styleSensei,.start .about__section blockquote#styleSensei,.start h2#styleSensei{font-size:4rem}}.overlaySection{position:absolute;top:0;display:flex}.overlaySection__outerSection{justify-content:flex-start;align-items:flex-start;display:inline-flex;width:80px;height:700px;background:linear-gradient(270deg,rgba(0,0,0,.4) 5%,rgba(0,0,0,0));box-shadow:inset 0 2px 4px hsla(0,0%,100%,.16);backdrop-filter:blur(10px)}.menu-btn{position:absolute;z-index:1;right:1rem;top:1rem;margin:0;padding:0;background-color:rgba(0,0,0,0);border:none;display:flex;align-items:center;height:20px;width:18px;cursor:pointer}@media screen and (min-width:768px){.menu-btn{scale:1.8;top:2rem}}.menu-btn{transition:all .32s cubic-bezier(.4,0,.6,1)}.menu-btn.invert{filter:invert(1)}.menu-btn__burger{position:absolute;top:.5rem}.menu-btn__burger:before{top:-8px;animation:topBunClose .32s ease-in-out reverse forwards}.menu-btn__burger:after,.menu-btn__burger:before{content:"";position:absolute;width:18px;height:1px;background-color:hsla(0,0%,100%,.8)}.menu-btn__burger:after{top:0;animation:bottomBunClose .32s ease-in-out reverse forwards}.menu-btn__burger.open{background:rgba(0,0,0,0)}.menu-btn__burger.open:before{animation:topBunOpen .32s ease-in-out forwards}.menu-btn__burger.open:after{animation:bottomBunOpen .32s ease-in-out forwards}@keyframes topBunOpen{50%{transform:translateY(8px)}to{transform:translateY(4px) rotate(-45deg)}}@keyframes bottomBunOpen{50%{transform:translateY(-8px)}to{transform:translateY(-4px) rotate(45deg)}}@keyframes topBunClose{50%{transform:translateY(8px)}to{transform:translateY(4px) rotate(-45deg)}}@keyframes bottomBunClose{50%{transform:translateY(-8px)}to{transform:translateY(-4px) rotate(45deg)}}.nav{position:fixed;top:0;left:0;width:100vw;visibility:hidden;display:flex;flex-flow:column wrap;background:#161617;transition:all .7s ease;height:100vh}@media screen and (min-width:768px){.nav{height:unset}}.nav.open{visibility:visible}@media screen and (min-width:1200px){.nav.open.transparent{background:linear-gradient(270deg,rgba(0,0,0,.4) 5%,rgba(0,0,0,0));backdrop-filter:blur(10px)}}.nav .menu-nav{display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:center;padding-bottom:5rem;height:100vh;overflow:hidden;list-style-type:none;transform:translateY(-100%)}@media screen and (min-width:1200px){.nav .menu-nav{margin-top:unset;padding-bottom:unset;align-items:center}}.nav .menu-nav{transition:all .32s cubic-bezier(.4,0,.6,1)}.nav .menu-nav.open{transform:translateY(0);padding-left:0}.nav .menu-nav__item{transform:translateY(-100%);transition:all .32s cubic-bezier(.4,0,.6,1)}.nav .menu-nav__item.open{transform:translate(0)}.nav .menu-nav__item.active>a{color:#add8e6}.nav .menu-nav__link{display:inline-block;font-size:2rem;text-transform:uppercase;padding:1.5rem;margin:.5rem;font-weight:300}.nav .menu-nav__link:hover{color:#add8e6;transition:all .32s cubic-bezier(.4,0,.6,1)}.nav .menu-nav__link:hover:after{visibility:visible;color:#add8e6;transition:all .32s cubic-bezier(.4,0,.6,1)}.nav .menu-nav__link.autumn:hover{color:#e56554}@media screen and (min-width:1200px){.nav .menu-nav{height:40px;flex-flow:row;transition:none}.nav .menu-nav,.nav .menu-nav__item{transform:translateX(0)}.nav .menu-nav__link{font-size:.75rem;text-transform:none;transition:none}.nav .menu-nav__link:after{bottom:unset}.menu-btn{display:none}}.contact{position:relative;background:linear-gradient(0deg,rgb(0,0,0),rgb(20,20,20));display:flex;flex-wrap:wrap;justify-content:space-around;align-content:space-evenly;transition:all .2s ease;padding:.5rem;height:100vh}@media screen and (min-width:992px){.contact{padding:5rem;justify-content:unset}}@media screen and (min-width:2000px){.contact{justify-content:center;gap:15rem}}.contact.--bright-theme{background:#fff;color:#000}.contact.--bright-theme>.cta-container a{color:#fff;background:#000}.contact.--bright-theme>.cta-container a:hover{background-color:#161617;filter:brightness(1.8)}.cta-container{padding-top:10rem}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.cta-container{padding-top:unset}}@media screen and (min-width:768px){.cta-container{padding-top:unset}}.cta-container>h3{width:100%;margin-bottom:1rem;font-size:3.3rem}@media screen and (min-width:992px){.cta-container>h3{font-size:3.6rem}}.cta-container>a{border-radius:12px;line-height:1.23;display:inline-block;cursor:default;text-shadow:none;word-spacing:normal;text-indent:0;padding-block:12px;padding-inline:6px;position:relative;letter-spacing:normal;height:3.29rem;justify-items:center;text-align:center;align-items:center;background-color:#161617;color:#fff;border:2px solid #fff;transition:all .3s ease-in-out;background-color:#fff;color:#000;width:100%}.cta-container>a:after{content:"";mask-image:url(/arrow-right-circle-fill.svg);mask-repeat:no-repeat;mask-size:cover;background-color:#161617;width:2rem;height:2rem;right:33%;bottom:.5rem;position:absolute;opacity:0;transition:all .32s cubic-bezier(.4,0,.6,1)}.cta-container>a span{margin-right:0;transition:margin .3s ease-in-out}@media screen and (min-width:1200px){.cta-container>a:hover{cursor:pointer;transition:all .32s cubic-bezier(.4,0,.6,1)}.cta-container>a:hover span{margin-right:5%;transition:all .32s cubic-bezier(.4,0,.6,1)}.cta-container>a:hover:after{transition-delay:.15s;opacity:1;right:30%}}.cta-container>a:focus-visible{outline:5px solid #3178c6}@media screen and (min-width:992px){.cta-container>a{max-width:400px}}.contact a:after:hover{right:35%}.contact a:after{filter:invert(1)}.me{display:flex;opacity:0;transition:opacity .7s ease;width:180px;height:180px;padding-bottom:5rem;position:relative}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.me{padding-bottom:unset}}@media screen and (min-width:768px){.me{padding-bottom:unset;width:225px;height:225px}}@media screen and (min-width:992px){.me{position:absolute;right:5rem;bottom:unset;padding-bottom:unset;left:unset;height:360px;width:360px}}@media screen and (min-width:1200px){.me{width:450px;height:450px}}@media screen and (min-width:2000px){.me{position:relative;right:unset}}.me.fade-in{opacity:1}.me img{width:100%;object-fit:cover;border-radius:50%}.about{position:relative;background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/nockebybron-1920w-landscape.webp) 50%;padding:3rem 1rem;height:auto;background-size:cover}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.about{height:auto}}@media screen and (min-width:992px){.about{padding:10vh}}@media screen and (min-width:2000px){.about{background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3)),url(/nockebybron-3440w-landscape.webp) 50%;background-size:cover}}.about .aboutMeP{transition:all 1s ease-in-out;transform:translateX(-10px);opacity:0}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.about .aboutMeP{width:70%}}@media screen and (min-width:768px){.about .aboutMeP{width:30rem}}@media screen and (min-width:992px){.about .aboutMeP{width:780px;transform:translateX(-20px);opacity:0}}.about .about__me :nth-child(2){transition-delay:.15s}.about .about__me :nth-child(3){transition-delay:.3s}.about .aboutMeP.fade-in{opacity:1;transform:translateY(0)}.about__section{color:rgba(22,22,23,.6);display:inline-block;transition:all .32s cubic-bezier(.4,0,.6,1)}.about__section--changedColor{color:#add8e6}.about__section--changedColor.--autumn,.about__section--changedColor.--summer{color:#e56554}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.about__section{color:#add8e6;width:80%;padding:1rem 0}}.about__section blockquote{font-size:2.2rem;padding-top:1rem;display:flex;flex-wrap:wrap;column-gap:1rem}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.about__section blockquote{padding-top:0;font-size:3rem}}@media screen and (min-width:768px){.about__section blockquote{font-size:4rem}}@media screen and (min-width:1200px){.about__section blockquote{padding-top:5rem;width:780px;font-size:5rem}}.projects{position:relative;background:linear-gradient(rgb(22,22,23),black);padding:1rem 0;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:2000px){.projects{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:1rem;grid-template-areas:"proj1 proj1 proj2 proj2" "proj3 proj4 proj4 proj5"}}.projectSection:first-child{grid-area:proj1}.projectSection:nth-child(2){grid-area:proj2}.projectSection:nth-child(3){grid-area:proj3}.projectSection:nth-child(4){grid-area:proj4}.projectSection:nth-child(5){grid-area:proj5}.projectSection{position:relative;height:100%;width:100%;max-height:50vh;overflow:hidden;padding:0 1rem;margin-bottom:1rem;border:none;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.8)}@media screen and (min-width:1200px){.projectSection{max-height:80vh}}@media screen and (min-width:2000px){.projectSection{height:auto;max-height:70vh;overflow:hidden;padding:0;margin-bottom:auto;display:flex}}.projectSection figcaption{position:absolute;bottom:1rem;left:2rem;opacity:1;transition:all .3s ease;font-size:1.5rem;background:#000;padding:1rem}@media screen and (min-width:1200px){.projectSection figcaption{padding:2rem;pointer-events:none;opacity:0;bottom:5rem;left:5rem;font-size:3rem}}@media screen and (min-width:2000px){.projectSection figcaption{bottom:2rem}}@media screen and (min-width:1200px){.projectSection.is-visible>figcaption,.projectSection:hover>figcaption{opacity:1;animation:moveYSkew .7s ease-in-out}}.projectSection picture{position:relative;display:flex;height:50vh;overflow:hidden;cursor:none!important;transition:all .4s ease;will-change:brightness;filter:brightness(.3)}.projectSection picture.is-visible,.projectSection picture:hover{filter:brightness(.8)}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.projectSection picture{height:unset}}@media screen and (min-width:992px){.projectSection picture{width:100%;height:unset}}.projectSection picture img{transition:transform .4s ease;will-change:transform;cursor:none!important;object-fit:cover}.projectSection picture img.is-visible,.projectSection picture img.touch,.projectSection picture img:hover{transform:scale(1.02)}.projects>.projectSection:last-child{margin-bottom:unset}picture.project__picture{height:100vh;width:100%;position:relative;background:#22c1c3;background:linear-gradient(0deg,rgb(34,193,195),rgb(253,187,45))}picture.project__picture img{min-height:50vh;object-fit:contain;margin:auto;object-position:top;padding-top:4%}@media screen and (min-width:1600px){picture.project__picture img{max-width:70%;width:auto}}@media screen and (min-width:2000px){picture.project__picture img{max-width:80%;width:auto}}footer{width:100vw;flex-direction:row;align-items:center;font-size:1rem;bottom:0;text-align:right;padding:1rem;color:hsla(0,0%,100%,.8);transition:all .7s ease;height:32px;position:fixed}footer,footer .social-icons{display:flex;justify-content:space-between}footer .social-icons{position:relative;align-content:flex-start;font-size:1.5rem;gap:.5rem}footer .social-icons :first-child{animation:moveY .7s ease-in-out both;animation-delay:.3s}footer .social-icons :nth-child(2){animation:moveY .7s ease-in-out both;animation-delay:.45s}footer .social-icons a{transition:all .3s ease-in-out}footer .social-icons a:hover{color:#add8e6}footer .social-icons a:hover.autumn,footer .social-icons a:hover.spring,footer .social-icons a:hover.summer{color:#e56554}footer.--bright-theme{background:#161617}footer .copy{position:relative;display:flex;justify-content:flex-end;border-left:none;height:1rem;overflow:hidden;width:0;padding:0;opacity:0;display:none;transition:all .3s}footer .copy.fade-in{border-left:1px solid;width:auto;padding-left:1rem;opacity:.6}.weather-footer-container,.weather-header-container{opacity:0;transition:opacity .3s ease}.weather-footer-container.fade-in,.weather-header-container.fade-in{opacity:1;animation:fadein .3s ease-in-out forwards}.weather-footer-container.fade-out,.weather-header-container.fade-out{opacity:0;animation:fadeout .3s ease-in-out forwards}.weather{display:flex;position:fixed;flex-direction:row-reverse;top:.6rem;left:1rem;gap:1rem;height:auto;overflow:hidden;transition:opacity .7s ease;animation:moveX .7s ease-in-out both;animation-delay:.6s}.weather.--hidden{opacity:0}@media screen and (min-width:1200px){.weather{display:flex;flex-direction:row;position:unset;margin-left:auto;margin-right:1rem;gap:1rem;animation:moveY .7s ease-in-out both}}.weather__btn{font-size:1.4rem;background-color:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.8);transition:all .3s ease-in-out}@media screen and (min-width:768px){.weather__btn{font-size:1.8rem}}.weather__btn:hover{color:#add8e6}.weather__btn:hover.autumn,.weather__btn:hover.spring,.weather__btn:hover.summer{color:#e56554}.weather ul{list-style:none;margin-top:.3rem;display:flex;gap:.5rem;opacity:0;filter:blur(10px);transform:skew(10deg,2deg);transition:all 2s ease-in-out}@media screen and (min-width:768px){.weather ul{gap:10px;margin-top:unset}}.weather ul :nth-child(4){display:none}@media screen and (min-width:768px){.weather ul :nth-child(4){display:unset}.weather ul span{padding-left:.2rem;font-size:1.29rem}}.weather ul.--active{animation:moveYSkew .7s ease-in-out forwards}.weather ul.--fadeout{opacity:1;filter:blur(0);transform:skew(0,0)}.bi-cloud-arrow-down-fill{animation:blink 1s ease-in-out infinite both}.project-page{display:none;position:fixed;height:100dvh;width:100vw;z-index:10;top:0;background:linear-gradient(90deg,rgba(22,22,23,.9),rgba(22,22,23,.3));background-size:cover;padding:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-page-vid{filter:brightness(.8)}@media screen and (min-width:992px){.project-page{padding:3rem}}.project-page__wrapper{position:relative;width:100vw}.project-page__container{display:grid;border:1px solid rgba(245,245,245,.221);padding:1rem;border-radius:20px;background:#161617;position:relative;flex-wrap:wrap;width:100%;height:100%;grid-template-areas:" pic " " hd " " desc " " lang " " btns " " ftr ";grid-template-columns:1fr;grid-template-rows:3fr auto 2fr auto 1fr;transform:translate(100px,1000px);opacity:0;box-shadow:10px 11px 25px 2px #161617}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.project-page__container{grid-template-columns:60% 1rem 1fr;grid-template-rows:1fr 4fr 1fr 1fr;height:100%;grid-template-areas:" hd . ." "pic . lang" " desc . btns" " desc . btns" " ftr ftr ftr"}}@media screen and (min-width:768px){.project-page__container{grid-template-columns:50% 1fr 1fr 1fr;grid-template-rows:3fr auto auto 1fr;height:100%;grid-template-areas:" pic pic pic pic" " hd hd lang ." " desc . lang ." " desc . btns ." " ftr ftr ftr ftr"}}@media screen and (min-width:1200px){.project-page__container{grid-template-rows:4fr auto 3rem 1fr}}.project-page__container .project-page__footer-container{position:relative;bottom:0;left:0;width:100%;height:44px;display:flex;justify-content:center;grid-area:ftr}.project-page__container .project-page__footer{width:150px;height:4.5px;position:absolute;bottom:.5rem;left:calc(50% - 75px);border-radius:50px;background-color:#f5f5f5}@media screen and (min-width:1200px){.project-page__container .project-page__footer{display:none}}.project-page__container.--active{transition:translate opacity .7s ease-in-out;transform:translate(0);opacity:1;animation:beforeOpenProject .3s cubic-bezier(.2,.05,.795,.035) both;z-index:20}.project-page__container.--touchend{transition:all .3s ease-in-out;scale:1!important;top:0!important;left:0!important}.project-page__picture{grid-area:pic;border-radius:4px;padding-bottom:1rem;overflow:hidden}.project-page__picture img#project-page-image{object-fit:cover;height:100%;width:100%;position:relative!important}.project-page__picture img#project-page-image.contain{object-fit:contain}@media screen and (min-width:1200px){.project-page__picture img#project-page-image.contain{padding:2vh 8vh}}.project-page .gradient{height:unset;background:linear-gradient(0deg,rgb(34,193,195),rgb(253,187,45))}.project-page__heading{font-size:xx-large;margin-bottom:.5rem;grid-area:hd}@media screen and (min-width:768px){.project-page__heading{font-size:3rem;padding-bottom:1rem;padding-left:1rem}}@media screen and (min-width:1200px){.project-page__heading{font-size:4rem;padding-bottom:1rem;padding-left:1rem}}.project-page__description{grid-area:desc;height:auto;overflow-y:auto;max-width:740px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:y mandatory}.project-page__description.--overflowing:after{content:"";display:block;position:sticky;bottom:0;left:0;right:0;height:80px;margin-top:-80px;background:linear-gradient(180deg,rgba(22,22,23,0) 0,rgba(22,22,23,.8) 50%,rgb(22,22,23));pointer-events:none}.project-page__description.--overflowing:not(.--at-bottom):after{animation:fadeGradientIn .25s ease-in-out both;will-change:opacity}.project-page__description.--overflowing.--at-bottom:after{animation:fadeGradientOut .25s ease-in-out both;will-change:opacity}.project-page__description::-webkit-scrollbar{display:none}.project-page__description p{font-size:1.1rem}@media screen and (min-width:768px){.project-page__description p{padding-left:1rem}}@media screen and (min-width:1200px){.project-page__description p{max-width:780px;font-size:1.2rem}}.project-page__close-btn{color:#f5f5f5;background-color:rgba(0,0,0,0);border:none;position:absolute;right:2rem;top:2rem;font-size:1.5rem;z-index:10;transition:all .3s ease-in-out}@media screen and (min-width:992px){.project-page__close-btn{right:3rem;top:3rem;font-size:2rem}}.project-page__close-btn:hover{color:#add8e6}.project-page__close-btn:hover.autumn,.project-page__close-btn:hover.spring,.project-page__close-btn:hover.summer{color:#e56554}.project-page.--active{display:flex}@media screen and (min-width:2000px){.project-page{padding:3rem 25vw}}.project-page .fullscreen-btn{position:absolute;bottom:1rem;right:1rem;background-color:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.8);font-size:1.4rem;cursor:pointer;transition:all .3s ease-in-out}@media screen and (min-width:768px){.project-page .fullscreen-btn{font-size:1.8rem}}.project-page .fullscreen-btn:hover{scale:1.5}.project-page.sliders .project-page__container{grid-template-areas:" pic " " hd " " desc " " tools " " btns " " ftr ";grid-template-columns:1fr;grid-template-rows:4fr auto 5fr 1fr 1fr}@media screen and (min-width:768px){.project-page.sliders .project-page__container{padding-right:2rem;grid-template-columns:4fr 1fr 1fr 2fr 2fr;grid-template-rows:auto auto auto auto;grid-template-areas:" pic pic pic pic pic" " pic pic pic pic pic" " hd hd hd hd hd" " desc desc . tools tools" " desc desc . btns btns" " ftr ftr ftr ftr ftr"}}@media screen and (min-width:992px){.project-page.sliders .project-page__container{grid-template-columns:50% 1fr auto auto;grid-template-rows:3fr auto auto auto;grid-template-areas:" hd hd hd hd" " desc . pic pic" " desc . pic pic" " desc . tools tools" " desc . btns btns" " ftr ftr ftr ftr"}}@media screen and (min-width:1200px){.project-page.sliders .project-page__container{padding-right:2rem;grid-template-columns:4fr 1fr 2fr 2fr;grid-template-rows:auto auto auto auto;grid-template-areas:" hd hd hd hd" " desc . pic pic" " desc . pic pic" " desc . tools tools" " desc . btns btns"}}.project-page.sliders .project-page__container .tools__wrapper{color:rgba(245,245,245,.6);grid-area:tools;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly}.project-page.sliders .project-page__container .tools__wrapper h3{font-size:1.5rem}.project-page.sliders .project-page__container .tools__container{display:flex;flex-wrap:wrap;gap:1rem}.project-page.sliders .project-page__container .tools__item{border:1px solid rgba(245,245,245,.6);border-radius:50px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:.5rem 1rem;height:2rem;font-size:.9rem}.project-page.sliders .project-page__container .btns-container{align-self:center;margin-bottom:0}.--fadeout{filter:blur(100px);opacity:.1;scale:.98;transition:all .3s ease-in-out}.closing-feedback-container{position:absolute;bottom:9rem;left:0;width:100%;display:flex;justify-content:center}@media screen and (min-width:992px){.closing-feedback-container{display:none}}.bi-x-lg.closing-feedback{font-size:4rem;opacity:.7;scale:1;transition:all .3s ease}.project__languages{grid-area:lang;padding-top:1rem}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.project__languages{padding-top:unset}}@media screen and (min-width:768px){.project__languages{width:300px}}@media screen and (min-width:1200px){.project__languages{width:400px}}.project__languages.--skeleton{margin-bottom:1rem}.project__languages h3{margin-bottom:1.5rem;font-size:1.5rem}.language__bar-container{margin-bottom:1rem;display:flex;overflow:hidden;justify-self:end;border-radius:20px;width:0}.language__bar-container.--active{transition:width 2.2s ease;width:100%}.language__bar{transition:width 2s ease-in-out;padding:5px 0;outline:3px solid #161617;background-color:#add8e6}.language__bar.javascript{background-color:#f1e05a}.language__bar.scss{background-color:#c6538c}.language__bar.typescript{background-color:#3178c6}.language__bar.html{background-color:#e34c26}.language__bar.vue{background-color:#41b883}.language__bar.css{background-color:#639}.language__bar.--skeleton{animation:loadBar 2s cubic-bezier(.755,.05,.855,.06) 1 both}.language__list{list-style:none;gap:0 3rem;flex-wrap:wrap;align-content:center}.language__list,.language__list li,.language__text{display:flex;width:auto}.language__text{align-items:center;position:relative;gap:.3rem;line-height:.7;margin-bottom:1rem;color:rgba(245,245,245,.68);font-weight:400;font-size:.9675rem}@media screen and (min-width:1200px){.language__text{font-size:1.125rem}}.language__text .language-span{font-weight:700;color:hsla(0,0%,100%,.8)}.language__text .language-percentage{width:50px}.language__text:before{padding:.3rem;margin-top:.1rem;margin-right:.5rem;border-radius:100%;align-self:center;overflow:hidden;background-color:#fff;content:""}@media screen and (min-width:992px){.language__text:before{padding:.4rem}}.language__text.html:before{background-color:#e34c26}.language__text.scss:before{background-color:#c6538c}.language__text.css:before{background-color:#639}.language__text.javascript:before{background-color:#f1e05a}.language__text.typescript:before{background-color:#3178c6}.language__text.vue:before{background-color:#41b883}.project-page .btns-container{display:flex;padding-top:1rem;grid-area:btns;margin-bottom:1rem;gap:1rem}@media screen and (min-width:768px){.project-page .btns-container{max-width:300px}}@media screen and (min-width:1200px){.project-page .btns-container{max-width:unset}}.project-page .btns-container .--disabled{pointer-events:none;opacity:.3}.project-page .btns-container #livedemo-btn,.project-page .btns-container #sourcecode-btn{border-radius:12px;line-height:1.23;display:inline-block;cursor:default;text-shadow:none;word-spacing:normal;text-indent:0;padding-block:12px;padding-inline:6px;position:relative;letter-spacing:normal;height:3.29rem;width:100%;justify-items:center;text-align:center;align-items:center;background-color:#161617;color:#fff;transition:all .3s ease-in-out;background-color:#f1e05a;border:2px solid #f1e05a;color:#000;width:70%;flex-shrink:3}.project-page .btns-container #livedemo-btn:after,.project-page .btns-container #sourcecode-btn:after{content:"";mask-image:url(/arrow-right-circle-fill.svg);mask-repeat:no-repeat;mask-size:cover;background-color:#161617;width:2rem;height:2rem;right:33%;bottom:.5rem;position:absolute;opacity:0;transition:all .32s cubic-bezier(.4,0,.6,1)}.project-page .btns-container #livedemo-btn span,.project-page .btns-container #sourcecode-btn span{margin-right:0;transition:margin .3s ease-in-out}@media screen and (min-width:1200px){.project-page .btns-container #livedemo-btn:hover,.project-page .btns-container #sourcecode-btn:hover{cursor:pointer;transition:all .32s cubic-bezier(.4,0,.6,1)}.project-page .btns-container #livedemo-btn:hover span,.project-page .btns-container #sourcecode-btn:hover span{margin-right:5%;transition:all .32s cubic-bezier(.4,0,.6,1)}.project-page .btns-container #livedemo-btn:hover:after,.project-page .btns-container #sourcecode-btn:hover:after{transition-delay:.15s;opacity:1;right:30%}}.project-page .btns-container #livedemo-btn:focus-visible,.project-page .btns-container #sourcecode-btn:focus-visible{outline:5px solid #3178c6}.project-page .btns-container #livedemo-btn:after,.project-page .btns-container #sourcecode-btn:after{right:4.5rem}@media screen and (min-width:1200px){.project-page .btns-container #livedemo-btn:after,.project-page .btns-container #sourcecode-btn:after{right:7.5rem}}.project-page .btns-container #livedemo-btn:hover,.project-page .btns-container #sourcecode-btn:hover{filter:brightness(1.1);border:2px solid #f5f5f5}.project-page .btns-container #livedemo-btn:hover:after,.project-page .btns-container #sourcecode-btn:hover:after{right:20%}@media screen and (min-width:1200px){.project-page .btns-container #livedemo-btn:hover:after,.project-page .btns-container #sourcecode-btn:hover:after{right:10%}}.project-page .btns-container #sourcecode-btn{width:30%;flex-grow:1;background-color:#3178c6;border:2px solid #3178c6;color:hsla(0,0%,100%,.8);text-align:left;padding-left:.8rem;display:flex;align-content:center}.project-page .btns-container #sourcecode-btn:after{background-color:#f5f5f5}@media screen and (min-width:1200px){.project-page .btns-container #sourcecode-btn:hover{width:50%}}.project-page__lightbox{width:100vw!important;max-width:100vw!important;height:100vh!important}.custom-cursor{display:none;width:100px;height:100px;border-radius:50%;background-color:hsla(0,0%,100%,.2);background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.2) 70%,transparent 100%);align-items:center;justify-content:center;color:setTextColor(rgb(22,22,23));text-align:center;position:fixed;top:0;left:0;pointer-events:none;cursor:none;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform;transform-origin:center}.custom-cursor p{width:3rem;font-size:1rem;margin-bottom:7px}@media(max-width:1024px){.custom-cursor{display:none}}#nightmode-toggle{font-size:1.29rem;margin-left:2rem}.form-check-input{background-color:#95a2b6;border:1px solid #505761}.form-check-input:hover{border-color:#f5f5f5;transition:all .3s ease-in-out}.form-switch.form-check-input{background-color:#d7dde6}.form-check-input:checked{background-color:#add8e6;border-color:unset;transition:all .3s ease-in-out}.form-check-input:checked:hover{border-color:#f5f5f5}.form-check-input:checked.autumn,.form-check-input:checked.spring,.form-check-input:checked.summer{background-color:#d05c4d}@media screen and (min-width:1200px){#nightmode-toggle{font-size:1.29rem;position:absolute;right:1rem}}.spinner-container{width:100vw;display:flex;justify-content:center;align-items:center}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader:after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.video-container{position:relative;display:flex;height:50vh;width:100%;overflow:hidden;cursor:none!important;filter:brightness(.3);transition:all .4s ease}@media only screen and (min-device-width:375px)and (max-device-width:950px)and (-webkit-min-device-pixel-ratio:3)and (orientation:landscape){.video-container{height:unset}}@media screen and (min-width:992px){.video-container{width:100%;height:unset}}@media screen and (min-width:1200px){.video-container{max-height:80vh}}@media screen and (min-width:2000px){.video-container{max-height:70vh}}.video-container:not(.project-page-vid):hover{filter:brightness(.8)}.video-container.project-page-vid{filter:none}.video-container video{width:100%;height:100%;object-fit:cover;transition:all .4s ease;cursor:none!important}.video-container video.is-visible,.video-container video:hover{transform:scale(1.02);cursor:none!important}.video-container.is-visible{filter:brightness(.8)}.video-container.movies:not(.safari),.video-container.sliders:not(.safari),.video-container.tic-tac-toe:not(.safari){background:linear-gradient(0deg,rgb(34,193,195),rgb(253,187,45))}.video-container.movies:not(.safari) video,.video-container.sliders:not(.safari) video,.video-container.tic-tac-toe:not(.safari) video{object-fit:contain}.video-container.movies:is(.safari),.video-container.sliders:is(.safari),.video-container.tic-tac-toe:is(.safari){border-radius:10px;background:#000}.video-container.project-page-vid{grid-area:pic;border-radius:4px;overflow:hidden;width:100%;height:100%;max-height:unset;cursor:auto}.video-container.project-page-vid video{width:100%;height:100%;object-fit:contain}.video-container.project-page-vid video,.video-container.project-page-vid video:hover{cursor:auto!important;filter:none;transform:none}.video-container.project-page-vid.inkopslista video,.video-container.project-page-vid.minbuss video{object-fit:cover}.projects .fullwidth video{max-width:100%;object-fit:cover;transition:all .4s ease}.projects .fullwidth video.is-visible,.projects .fullwidth video.touch,.projects .fullwidth video:hover{scale:1.02;cursor:none}.projects .video-container:not(.min-buss-nu) video{padding:4% 0}.projects video{height:50vh;max-width:800px}@media screen and (min-width:1200px){.projects video{height:unset}}@media screen and (min-width:1600px){.projects video{width:100%;max-width:unset;height:80vh}}body{background:#161617;color:hsla(0,0%,100%,.8);line-height:1;font-family:myFont,acumin-pro,Tahoma,Geneva,Verdana,sans-serif;cursor:default}body,h1,h2,h3{font-weight:unset}h1,h2,h3{font-family:myFontBold}p{font-size:1.29rem;line-height:130%;margin-bottom:1.5rem;letter-spacing:-.005em}@media screen and (min-width:992px){p{letter-spacing:-.01em;font-size:1.5rem}}a{color:hsla(0,0%,100%,.8);text-decoration:none}a,header{width:100%}header{position:fixed;z-index:2}.--stop-scroll{overflow:hidden}