:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-light-blue: #60B0FF;--color-dark-blue: #000654;--color-red: #D53B46;--color-dark-red: #8C1E26;--color-yellow: #FFCA73;--color-white: #F0F0F0;--color-black: #0C0C0C;--color-dark-gray: #1D1D1D;--color-medium-gray: #272727;--color-white-30: rgb(240 240 240 / .3);--color-white-60: rgb(240 240 240 / .6);--color-feedback-success: #2BAE66;--color-feedback-warning: #F57C00;--color-feedback-error: #D64550;--color-feedback-info: #1B6EF3;--font-primary: "Sora", Avenir, Helvetica, Arial, sans-serif;--font-secondary: "Poppins", Avenir, Helvetica, Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-h1: 36px;--font-size-h2: 28px;--font-size-h3: 22px;--font-size-h4: 18px;--font-size-h5: 16px;--font-size-h6: 14px;--font-size-tags: 16px;--font-size-button: 16px;--input-font-size: 16px;--spacing-4: 4px;--spacing-8: 8px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-96: 96px;--border-radius: 8px;--transition-fast: .2s;--transition-medium: .4s;--shadow: 0 1px 2px -1px rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%);--inner-shadow: inset 0 2px 6px rgb(0 0 0 / 10%);--overlay-shadow: -2px 0 8px rgb(0 0 0 / 10%);--drop-shadow: 0 4px 16px rgb(96 176 255 / 25%);--gradient-blue: linear-gradient(315deg, var(--color-dark-blue), var(--color-light-blue));--gradient-blue-background: linear-gradient(319deg, var(--color-light-blue), rgb(96 176 255 / 20%), rgb(96 176 255 / 20%), var(--color-light-blue)), var(--color-black);--gradient-yellow-background: linear-gradient(319deg, var(--color-yellow), rgb(255 202 115 / 20%), rgb(255 202 115 / 20%), var(--color-yellow)), var(--color-black)}@media(min-width:768px){:root{--font-size-h1: 48px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 22px;--font-size-h5: 18px;--font-size-h6: 16px}}@media(min-width:1200px){:root{--font-size-h1: 60px;--font-size-h2: 44px;--font-size-h3: 32px;--font-size-h4: 24px;--font-size-h5: 20px;--font-size-h6: 18px}}nav a{font-family:var(--font-primary);color:var(--color-white);text-decoration:none;transition:color var(--transition-fast)}nav a:hover{color:var(--color-light-blue)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-32) 0}.navbar-logo{flex:1;width:80px;height:auto;transition:width var(--transition-medium) ease-in-out}.nav__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0000007f;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium);z-index:999}.nav__overlay.show-overlay{opacity:1;visibility:visible}.nav__toggle{font-size:24px;color:var(--color-white-500);display:flex;align-items:center;justify-content:center;z-index:100}.nav__toggle svg,.nav__close svg{width:24px;height:24px;display:block;color:var(--color-white);cursor:pointer}.nav__close{display:flex;justify-content:end;margin:var(--spacing-40) 0}.nav__menu{position:fixed;flex:1;top:0;right:-100%;width:100%;height:100vh;background-color:var(--color-black);padding:0 36px;transition:right var(--transition-medium);box-shadow:var(--overlay-shadow);z-index:1000;text-align:center}.nav__menu.show-menu{right:0}.navbar-links-mobile{display:flex;list-style:none;gap:var(--spacing-32);margin:0 0 var(--spacing-56) 0;padding:0;flex-direction:column}.navbar-links-mobile a{font-family:var(--font-primary);font-size:24px}.navbar-icons-mobile{display:flex;list-style:none;gap:var(--spacing-32);margin:0;padding:0;flex-direction:row;justify-content:center;font-size:20px;transition:font-size var(--transition-medium) ease-in-out}.navbar-links-mobile,.navbar-icons-mobile{opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.nav__menu.show-menu .navbar-links-mobile,.nav__menu.show-menu .navbar-icons-mobile{opacity:1;transform:translateY(0);pointer-events:auto}.nav__menu.show-menu .navbar-links-mobile li{opacity:0;transform:translateY(30px);animation:navLinkFadeIn .5s forwards}.nav__menu.show-menu .navbar-links-mobile li:nth-child(1){animation-delay:.1s}.nav__menu.show-menu .navbar-links-mobile li:nth-child(2){animation-delay:.2s}.nav__menu.show-menu .navbar-links-mobile li:nth-child(3){animation-delay:.3s}.nav__menu.show-menu .navbar-links-mobile li:nth-child(4){animation-delay:.4s}@keyframes navLinkFadeIn{to{opacity:1;transform:translateY(0)}}.nav__menu.show-menu .navbar-icons-mobile li{opacity:0;transform:translateY(30px);animation:navIconFadeIn .5s forwards}.nav__menu.show-menu .navbar-icons-mobile li:nth-child(1){animation-delay:.5s}.nav__menu.show-menu .navbar-icons-mobile li:nth-child(2){animation-delay:.6s}.nav__menu.show-menu .navbar-icons-mobile li:nth-child(3){animation-delay:.7s}@keyframes navIconFadeIn{to{opacity:1;transform:translateY(0)}}.navbar-logo a{display:flex;align-items:center}.navbar-links,.navbar-icons{display:none;list-style:none;gap:var(--spacing-32);margin:0;padding:0}.navbar-links a{flex:2;justify-content:center;font-family:var(--font-primary);font-size:16px;font-weight:var(--font-weight-regular)}.navbar-icons{flex:1;justify-content:flex-end}.navbar-icons a{font-size:20px;transition:font-size var(--transition-medium) ease-in-out}.active{color:var(--color-light-blue)}@media(min-width:768px){.navbar-logo{width:90px}.navbar-icons a,.navbar-icons-mobile{font-size:24px}.nav__menu{width:50%;padding:0 var(--spacing-48)}}@media(min-width:1200px){.navbar-logo{width:100px}.nav__toggle,.nav__close,.nav__overlay{display:none}.navbar-links,.navbar-icons{display:flex}.nav__menu{display:none;position:static;width:auto;height:auto;background-color:transparent;padding:0;box-shadow:none;z-index:800}}footer{background-color:var(--color-light-blue);width:100%;padding:var(--spacing-32) 0;margin-top:var(--spacing-80)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo a{display:flex;align-items:center}.footer-logo span{color:var(--color-black)}.footer-logo svg{color:var(--color-black);width:80px;height:auto;transition:width var(--transition-medium) ease-in-out}.footer-icons{list-style:none;display:flex;gap:var(--spacing-32);margin:0;padding:0}.footer-icons a{font-size:20px;color:var(--color-black);transition:color var(--transition-fast),font-size var(--transition-medium) ease-in-out}.footer-icons a:hover{color:var(--color-white)}@media(min-width:768px){.footer-logo svg{width:90px}.footer-icons a{font-size:24px}}@media(min-width:1200px){.footer-logo svg{width:100px}}.button__primary,.button__secondary{color:var(--color-white);background-color:transparent;background-image:none;font-family:var(--font-secondary);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);padding:10px 16px;border:1px solid var(--color-light-blue);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);cursor:pointer;text-decoration:none;transition:transform var(--transition-medium) cubic-bezier(.4,2,.3,1),border-color var(--transition-medium) ease}.button__primary:hover{background-image:var(--gradient-blue);transform:scale(1.02);border-color:var(--color-black)}.button__secondary:hover{background-image:var(--gradient-blue);transform:scale(1.02);border-color:var(--color-dark-gray)}.scroll-button{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-decoration:none}.project__page-title{margin-bottom:var(--spacing-24)}.project__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-32)}.project__item{overflow:hidden;transition:scale var(--transition-medium) ease-in-out}.project__item:hover .project__image{transform:scale(1.07);opacity:.95}.project__content{margin-top:var(--spacing-32);display:flex;flex-direction:column;justify-content:space-between;width:100%}.project__image-container{overflow:hidden;border-radius:var(--border-radius);position:relative}.project__image{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.project__tags{position:absolute;top:var(--spacing-16);right:var(--spacing-16);display:flex;gap:var(--spacing-8);z-index:2}.project__tag{padding:var(--spacing-4) var(--spacing-16);border-radius:var(--border-radius);border:1px solid var(--color-white);font-size:var(--font-size-tags);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.tag__html{background:var(--color-dark-red);color:var(--color-white)}.tag__css{background:var(--color-yellow);color:var(--color-black)}.tag__js{background:var(--color-light-blue);color:var(--color-black)}.project__info{width:100%}.project__title{font-size:24px;margin-bottom:var(--spacing-4)}.project__subtitle{margin-bottom:var(--spacing-8);color:var(--color-light-blue);font-size:16px}.project__description{font-size:16px}.project__actions{display:flex;flex-direction:row;gap:var(--spacing-16);align-items:start;margin-top:var(--spacing-24)}@media(min-width:768px){.project__grid{grid-template-columns:repeat(2,1fr)}.project__image{height:325px}.project__title{font-size:28px}.project__subtitle{font-size:18px}}@media(min-width:1200px){.project__grid{gap:var(--spacing-40)}.project__content{flex-direction:row;justify-content:space-between;width:100%}.project__image{height:490px}.project__info{width:50%}.project__title{font-size:32px}.project__subtitle{font-size:20px}.project__description{font-size:18px}.project__actions{flex-direction:column;margin-top:0;align-items:end}}@media(min-width:1500px){.project__actions{flex-direction:row;align-items:start}}.contact{display:flex;flex-direction:column;gap:var(--spacing-56)}.contact__intro{flex:1;display:flex;flex-direction:column;gap:var(--spacing-56)}.eyebrow{color:var(--color-white-60);margin-bottom:var(--spacing-8)}.contact__title{margin-bottom:var(--spacing-24);font-size:var(--font-size-h1)}.contact__description{max-width:600px;line-height:1.6}.contact__methods{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-16);width:fit-content}.contact__method{width:fit-content}.contact__method a{display:flex;align-items:center;gap:var(--spacing-8);color:var(--color-white);text-decoration:none}.contact__icon{font-size:24px;color:var(--color-light-blue)}.contact__files{display:flex;flex-wrap:wrap;flex-direction:column;gap:var(--spacing-24);max-width:700px}.contact__file{display:flex;align-items:center;padding:var(--spacing-24);gap:var(--spacing-32);border-radius:var(--border-radius);border:1.4px solid var(--color-light-blue);background:var(--gradient-blue-background);background-blend-mode:soft-light,normal}.contact__file-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius);border:1.5px solid var(--color-light-blue);background-color:var(--color-black);cursor:pointer;transition:background-color var(--transition-medium) ease,transform var(--transition-medium) ease}.contact__file-link:hover{background-color:var(--color-dark-gray);transform:scale(1.05);box-shadow:var(--drop-shadow)}.contact__file-link svg{width:24px;height:24px;color:var(--color-white);transition:fill var(--transition-medium) ease}.contact__file-info{display:flex;flex-direction:column;justify-content:center}.contact__file-label{font-size:16px;font-weight:var(--font-weight-regular);font-family:var(--font-primary);color:var(--color-white-60);margin-bottom:4px}.contact__file-type{font-size:24px;font-weight:var(--font-weight-semibold);font-family:var(--font-primary);line-height:1em}.contact__form{flex:1;background-color:var(--color-dark-gray);padding:var(--spacing-32);border-radius:var(--border-radius);height:fit-content}.contact__form form{display:flex;flex-direction:column;gap:var(--spacing-32)}.form__group{display:flex;flex-direction:column;gap:var(--spacing-8)}.contact__form label{font-size:var(--input-font-size);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.contact__form input,.contact__form select,.contact__form textarea{padding:var(--spacing-16);border-radius:var(--border-radius);border:1px solid var(--color-white);background:var(--color-medium-gray);font-size:var(--input-font-size);font-family:var(--font-primary);color:var(--color-white);width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{outline:none;border:1px solid var(--color-light-blue)}.contact__form select{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2YwZjBmMCIgZD0iTTI5Ny40IDQ3MC42QzMwOS45IDQ4My4xIDMzMC4yIDQ4My4xIDM0Mi43IDQ3MC42TDUzNC43IDI3OC42QzU0Ny4yIDI2Ni4xIDU0Ny4yIDI0NS44IDUzNC43IDIzMy4zQzUyMi4yIDIyMC44IDUwMS45IDIyMC44IDQ4OS40IDIzMy4zTDMyMCA0MDIuN0wxNTAuNiAyMzMuNEMxMzguMSAyMjAuOSAxMTcuOCAyMjAuOSAxMDUuMyAyMzMuNEM5Mi44IDI0NS45IDkyLjggMjY2LjIgMTA1LjMgMjc4LjdMMjk3LjMgNDcwLjd6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:right 16px center;background-size:20px}.contact__form textarea{height:120px}@media(min-width:768px){.contact{flex-direction:row;gap:var(--spacing-80);align-items:center}}@media(min-width:1200px){.contact{gap:150px}.contact__files{flex-direction:row;gap:var(--spacing-24)}}.about__container{display:flex;flex-direction:column;gap:var(--spacing-56)}.about__section{display:flex;flex-direction:column;align-items:center;text-align:center}.about__section h1{margin-bottom:var(--spacing-16)}.about__section p{font-size:20px;max-width:600px;color:var(--color-white-60)}.image__mask{width:100%;max-width:300px;height:auto;object-fit:cover;-webkit-mask-image:url(/portfolio/vector.png);mask-image:url(/portfolio/vector.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;display:block;margin-bottom:var(--spacing-32)}.details__section{display:flex;flex-direction:column;gap:var(--spacing-48)}.details__section hr{width:100%;border:none;border-top:1px solid var(--color-white-60)}.work__experience,.education,.services{display:flex;flex-direction:column;gap:var(--spacing-24)}.work__list,.education__list,.services__list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-24)}.work__item,.education__item{display:flex;align-items:center;gap:var(--spacing-24);padding:var(--spacing-24);border-radius:var(--border-radius)}.services__item{display:flex;align-items:start;gap:var(--spacing-24);padding:var(--spacing-24);border-radius:var(--border-radius)}.work__item{background:var(--gradient-blue-background);background-blend-mode:soft-light,normal;border:1px solid var(--color-light-blue)}.education__item{background:var(--gradient-yellow-background);background-blend-mode:soft-light,normal;border:1px solid var(--color-yellow)}.services__item{background-color:var(--color-black);border:1px solid var(--color-white-30)}.work__logo,.education__logo{width:60px;height:60px;aspect-ratio:1 / 1;background-color:var(--color-black);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.work__logo{border:1px solid var(--color-light-blue)}.education__logo{border:1px solid var(--color-yellow)}.lottie__container{max-width:60px;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--color-light-blue);background:#131313;overflow:hidden}.lottie__container dotlottie-wc{max-width:100%;max-height:100%}.lottie__container.full-height dotlottie-wc{transform:scale(1.5);display:block}.bookbuild__logo,.appex__logo,.larssenamaral__logo,.usn__logo{width:35px;height:auto;fill:var(--color-white)}.noroff__logo{width:auto;height:35px;fill:var(--color-white)}.appex__logo{padding-right:3px;padding-top:3px}.work__info,.education__info,.services__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.work__details,.education__details{display:flex;flex-direction:column;gap:var(--spacing-8)}.work__role,.education__type{font-weight:var(--font-weight-regular);font-size:16px;color:var(--color-white-60)}.work__company,.education__school,.services__name{font-weight:var(--font-weight-semibold);font-size:28px;color:var(--color-white);line-height:1.1em}.work__duration,.education__duration{font-weight:var(--font-weight-regular);font-size:16px;color:var(--color-white);white-space:nowrap}.services__description{font-weight:var(--font-weight-regular);font-size:16px;color:var(--color-white)}@media(min-width:768px){.image__mask{max-width:450px}.work__details,.education__details{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.work__logo,.education__logo{width:75px;height:75px}.lottie__container{max-width:75px;min-width:75px;height:75px}.bookbuild__logo,.appex__logo,.larssenamaral__logo,.usn__logo{width:40px}.noroff__logo{height:40px}}@media(min-width:1200px){.about__container{flex-direction:row;gap:100px}.about__section{flex:1;align-items:flex-start;text-align:left}.details__section{flex:1.25}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);font-weight:var(--font-weight-regular);background-color:var(--color-black);color:var(--color-white);display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1{font:var(--font-weight-medium) var(--font-size-h1)/1em var(--font-primary)}h2{font:var(--font-weight-medium) var(--font-size-h2)/1em var(--font-primary)}h3{font:var(--font-weight-medium) var(--font-size-h3)/1em var(--font-primary)}h4{font:var(--font-weight-medium) var(--font-size-h4)/1em var(--font-primary)}h5{font:var(--font-weight-medium) var(--font-size-h5)/1em var(--font-primary)}h6{font:var(--font-weight-medium) var(--font-size-h6)/1em var(--font-primary)}h1,h2,h3,h4,h5,h6{transition:font var(--transition-medium) ease-in-out}.container{margin-left:auto;margin-right:auto;padding:0 36px;max-width:1728px;justify-self:center;width:100%}.hero-spline{top:0;left:0;overflow:hidden;box-shadow:var(--element-shadow);z-index:-1}.hero-spline-wrapper{position:relative;width:100%;height:100vh}.hero-spline-container{position:absolute;top:0;left:0;width:100%;height:93vh;overflow:hidden;z-index:-1}.hero__content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:78vh;text-align:center;margin-bottom:200px}.hero__intro{margin-bottom:var(--spacing-16);font-family:var(--font-primary);font-size:16px;transition:font-size var(--transition-medium) ease-in-out}.hero__title span{display:block}.hero__scroll{position:absolute;bottom:var(--spacing-24);left:50%;transform:translate(-50%);margin:0;font-family:var(--font-primary);font-size:var(--font-size-button);color:var(--color-white-60)}.skills-and-services{text-align:center}.skills-and-services__heading{font-size:20px;margin-bottom:var(--spacing-24);color:var(--color-white-60);font-weight:var(--font-weight-regular)}.skills-and-services__list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-24);transition:gap var(--transition-medium) ease-in-out}.skills-and-services__item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8);transition:gap var(--transition-medium) ease-in-out}.skills-and-services__text{font-size:20px;font-weight:var(--font-weight-medium)}.skills-and-services__lottie{max-width:60px;min-width:60px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--color-light-blue);background:#131313;overflow:hidden;transition:all var(--transition-medium) ease-in-out}.skills-and-services__lottie dotlottie-wc{max-width:100%;max-height:100%}.projects__section{margin:150px 0}.projects__heading{margin-bottom:var(--spacing-32)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:768px){.container{padding:0 var(--spacing-48)}.hero__intro{font-size:20px}.hero__title{font-size:56px;line-height:1.2em}.skills-and-services__list{gap:var(--spacing-32)}.skills-and-services__item{gap:var(--spacing-16)}.skills-and-services__text{font-size:40px}.skills-and-services__lottie{max-width:80px;min-width:80px;height:50px}}@media(min-width:1200px){.container{padding:0 108px}.hero__intro{font-size:24px}.hero__title{font-size:80px}.skills-and-services__text{font-size:60px}.skills-and-services__lottie{max-width:100px;min-width:100px;height:60px}}