@charset "UTF-8";*{color:#000;font-family:Arial}* h1,* h2,* h3{font-family:Pixelify Sans,sans-serif}* p{line-height:1.4}* .project__back-to{margin:1rem}body{margin:0;background-color:#dac8be}body h1{margin-left:4rem}body h1,body h2,body .logo span{font-family:Pixelify Sans,sans-serif}body li{list-style:none}.site__header{margin:0;max-width:100%;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:#a2af95;box-shadow:0 4px 6px 6px #baaba4}.site__header .burger{margin-left:auto}.site__header .site__header--links{align-items:center;gap:1.5rem;display:flex}.site__header .react__icon--house{font-size:3rem;fill:#ec0f7d9e;display:inline}.site__header .react__icon--dot{fill:#00a300;padding:0 .5rem}.site__header .zoom-out{text-decoration:none;font-size:1.5rem;font-family:Arial}.site__header .logo span{color:#000;animation:wave 5.5s infinite;font-size:2.5rem;margin:0}.site__header .logo span:nth-child(1){animation-delay:0s}.site__header .logo span:nth-child(2){animation-delay:.3s}.site__header .logo span:nth-child(3){animation-delay:.6s}.site__header .logo span:nth-child(4){animation-delay:.9s}.site__header .logo span:nth-child(5){animation-delay:1.2s}.site__header .logo span:nth-child(6){animation-delay:1.6s}.site__header .logo span:nth-child(7){animation-delay:2.1s}.site__header .logo span:nth-child(8){animation-delay:2.5s}.site__header .logo span:nth-child(9){animation-delay:2.9s}.site__header .logo span:nth-child(10){animation-delay:3.1s}.site__header .logo span:nth-child(11){animation-delay:3.5s}.site__header .logo span:nth-child(12){animation-delay:3.9s}.site__header .logo span:nth-child(13){animation-delay:4.1s}.site__header .logo span:nth-child(14){animation-delay:4.5s}.site__header .logo span:nth-child(15){animation-delay:4.9s}.site__header .logo span:nth-child(16){animation-delay:5.1s}.site__header .logo span:nth-child(17){animation-delay:5.5s}.site__header .burger{display:none;border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;gap:6px}.site__header .burger .burger__line--icon{font-size:2.5rem}@keyframes wave{0%{color:#000}25%{color:#ff69b4}50%{color:#000}to{color:#000}}.menu__backdrop{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.menu__backdrop.is-open{opacity:1;pointer-events:auto}footer{display:flex;justify-content:space-evenly;border-top:2px solid #baaba4}footer .site__footer--contact .react__icon{font-size:2.5rem;padding:1rem 2.5rem}#front_page{margin:2rem;display:flex;align-items:center;height:35rem}#front_page p{font-size:1.5rem}#front_page p .react__icon--heart{font-size:3rem;fill:#ec0f7d9e}#front_page .hero{width:100%;overflow:hidden}#front_page .hero .hero__img{width:100%;height:auto;display:block;padding:2rem;margin:0 auto}#about{margin:5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name ." "personal funfacts" "skills experience";gap:1.5rem}#about #name{grid-area:name}#about .about__personal{background-color:#a2af9580;border-radius:1rem;display:flex;flex-direction:row;grid-area:personal}#about .about__personal #about-image{height:20rem;box-shadow:0 4px 6px 6px #baaba4;display:inherit;margin:auto 2rem;justify-content:center;border-radius:1rem}#about .about__personal p{padding:0 2rem;display:inherit;margin:auto}#about .experience__container{margin:1rem;padding:1rem;border-radius:.5rem;grid-area:experience}#about .experience__container .experience__education,#about .experience__container .experience__work{background-color:#a2af9599;margin:1rem;padding:inherit;border-radius:.5rem}#about .experience__container .experience__education ul,#about .experience__container .experience__work ul{padding:0}#about .skills__container{padding:2rem;margin:1rem;display:grid;gap:2rem;border-radius:.5rem;grid-area:skills}#about .skills__container .skills__card{background:#a2af9599;height:100%;padding:0 1.5rem 1rem;display:grid;border-radius:10px;box-shadow:inherit}#about .skills__container .skills__card .skills__icons{display:block}#about .skills__container .skills__card .skills__icons .icon__wrapper{position:relative;display:inline-block;text-align:center}#about .skills__container .skills__card .skills__icons .icon__wrapper .teknologispråk{width:2.5rem;transition:opacity .3s ease;padding:.5rem}#about .skills__container .skills__card .skills__icons .icon__wrapper .icon__text{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);opacity:0;font-size:1rem;font-weight:700;transition:opacity .3s ease}#about .skills__container .skills__card .skills__icons .icon__wrapper:hover .teknologispråk{opacity:.5}#about .skills__container .skills__card .skills__icons .icon__wrapper:hover .icon__text{opacity:1}#about .funfacts__container{grid-area:funfacts;border-radius:1rem}#about .funfacts__container .funfacts__cards{background-color:#a2af9599;border-radius:inherit;margin:1rem;padding:.8rem;position:relative;box-shadow:inherit}#about .funfacts__container .funfacts__cards .funfact__icon{font-size:4rem;z-index:100;position:absolute}#about .funfacts__container .funfacts__cards .funfact__icon.--nurse{fill:#ec0f7d9e;font-size:3rem;top:4.2rem}#about .funfacts__container .funfacts__cards .funfact__icon.--lego{fill:#ffe600e0;right:1rem;top:3rem}.project__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.5rem;max-width:100rem;margin:0 auto;padding:5rem;padding-top:0;box-sizing:border-box}.project__grid .project__card{background-color:#fffe;border-radius:5px;overflow:hidden;width:100%;display:flex;flex-direction:column;justify-content:center;gap:.75rem;padding:1rem;box-shadow:0 4px 6px 6px #baaba4;box-sizing:border-box;opacity:.7}.project__grid .project__card:hover{opacity:1}.project__grid .project__card img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:inherit}.project__grid .project__card .projectcard__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;padding:0}.project__grid .project__card .projectcard__list li{margin:auto;padding:.5rem 1rem;background-color:#a2af95;border-radius:1rem;justify-content:space-between;font-size:.8rem}.project__grid .project__card button{width:100%;cursor:pointer;background-color:#a2af95;border:none;border-radius:1rem;padding:.5rem;font-weight:700}.project__grid .project__card button a{text-decoration:none}.project__page--card{padding:2rem}.project__page--card .carousel{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"prev frame next" ". dots .";align-items:center;max-width:80rem;margin:0 auto;padding:.5rem;border-radius:1rem;grid-area:carousel}.project__page--card .carousel .carousel__btn{grid-area:prev;width:2.5rem;height:2.5rem;border:0;border-radius:2rem;cursor:pointer;font-size:2rem;line-height:1.5;background-color:#a2af95}.project__page--card .carousel .carousel__btn:last-of-type{grid-area:next}.project__page--card .carousel .carousel__frame{grid-area:frame;width:100%;height:clamp(45rem,55vw,45rem);overflow:hidden}.project__page--card .carousel .carousel__frame .carousel__figure{width:100%;height:100%;margin:0}.project__page--card .carousel .carousel__frame img,.project__page--card .carousel .carousel__frame video{width:100%;height:100%;display:block;box-shadow:0 4px 6px 6px #baaba4;overflow:hidden;margin:0;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.project__page--card .carousel .carousel__dots{grid-area:dots;display:flex;justify-content:center;gap:.5rem}.project__page--card .carousel .carousel__dot{width:.8rem;height:.8rem;border:0;border-radius:2rem;cursor:pointer;opacity:.4;background-color:#a2af95}.project__page--card .carousel .carousel__dot.is-active{opacity:1;transform:scale(1.2)}.project__page--card .project{margin:0 auto;max-width:70rem;width:100%;padding:1rem}.project__page--card .project .project__tech--container{grid-area:teknologi}.project__page--card .project .project__tech--container .project__tech{display:flex;align-content:center;margin:0 auto}.project__page--card .project .project__tech--container .project__tech--li{padding:.5rem;border-radius:2rem;background-color:#fffe;border:2px solid #A2AF95}.project__page--card .project .project__collab--container{grid-area:collab}.project__page--card .project__tech,.project__page--card .project__collab{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.5rem,1fr));gap:1rem;align-items:center;justify-items:center}.project__page--card .project__collab .project__collab--li{width:10rem;padding:.5rem;border-radius:2rem;background-color:#fffe;border:2px solid #A2AF95}.project__page--card .project__collab .project__collab--li a{display:flex;flex-direction:row;transition:transform .2s ease;transform-origin:center}.project__page--card .project__collab .project__collab--li a:hover{transform:scale(1.2)}.project__page--card .project__collab .project__collab--li .project__collab--icon{fill:#2d37f3;font-size:2rem;padding:0 1rem}.project__page--card .lenker{grid-area:lenker}.project__page--card .lenker .lenker__link{margin:1rem;text-decoration:none;transition:transform .2s ease;transform-origin:center;display:inline-flex}.project__page--card .lenker .lenker__link:hover{transform:scale(1.2)}.project__page--card .lenker .lenker__icon{margin:0 1rem;font-size:2rem}.contact__container{height:40rem;display:flex;flex-direction:column;justify-content:center;margin:0 10rem}.contact__container .contact__social{display:inherit;justify-content:space-evenly}.contact__container .contact__social a .react__icon{margin:1rem;height:3rem;width:3rem}.mobile__menu{position:fixed;top:0;right:0;height:100dvh;width:min(200px,85vw);background:#a2af95;transform:translate(100%);transition:transform .2s ease;z-index:60;padding:16px;box-shadow:-16px 0 48px #00000026;display:flex;flex-direction:column;gap:12px}.mobile__menu.is-open{transform:translate(0)}.mobile__menu a{padding:12px 10px;border-radius:12px}@media(min-width:761px){.menu__backdrop,.mobile__menu{display:none}.zoom-out{transition:transform .2s ease;transform-origin:center}.zoom-out:hover{transform:scale(1.2);color:#ec0f7d9e}.funfact__icon.--llama{font-size:3rem;left:7rem;top:4rem}}@media(max-width:760px){* p{font-size:.95rem}* h1{font-size:1.5rem;margin:0 auto}.site__header{padding:.5rem}.site__header .site__header--links{display:none}.site__header .header_logo{margin:.6rem}.site__header .header_logo p,.site__header .logo{margin:0}.site__header .logo span{font-size:1.7rem}.site__header .burger{margin-right:1rem;display:inline-flex}footer{flex-direction:column}footer p{margin:0 auto}#front_page{display:flex;flex-direction:column;text-align:center}#about{margin:1rem 2rem;grid-template-columns:1fr;grid-template-areas:"name" "personal" "skills" "experience" "funfacts"}#about #name{margin:0}#about .about__personal{padding:.5rem;border-radius:1rem}#about .about__personal #about-image{width:10rem;display:block;margin:auto}#about .about__personal p{padding:1.5rem}#about .experience__container{margin:1rem;padding:1rem;border-radius:.5rem}#about .experience__container .experience__education,#about .experience__container .experience__work{background-color:#a2af9599;margin:1rem;padding:inherit;border-radius:.5rem}#about .experience__container .experience__education ul,#about .experience__container .experience__work ul{padding:0}#about .skills__container{grid-template-columns:1fr;padding:1rem;margin:.5rem;gap:1rem}#about .skills__container .skills__card{padding:1rem;height:auto;margin-bottom:1rem;box-shadow:inherit}#about .skills__container .skills__card .skills__icons{display:flex;flex-wrap:wrap;gap:.5rem}#about .skills__container .skills__card .skills__icons .icon__wrapper .teknologispråk{width:2rem;padding:.25rem}#about .skills__container .skills__card .skills__icons .icon__wrapper .icon__text{bottom:1rem}#about .skills__container .skills__card h4{margin:0;margin-bottom:1rem}#about .funfacts__container .funfacts__cards{background-color:#a2af9599;border-radius:1rem;margin:.5rem;padding:.8rem;position:relative}#about .funfacts__container .funfacts__cards .funfact__icon.--nurse{font-size:3rem;top:4.2rem}#about .funfacts__container .funfacts__cards .funfact__icon.--lego{right:1rem;top:3rem}#about .funfacts__container .funfacts__cards .funfact__icon.--llama{font-size:3rem;left:5rem;top:5rem}.project-title{margin:1rem}.project__grid{padding:1rem}.project__page--card{margin:1rem;padding:.75rem;box-sizing:border-box}.project__page--card .carousel{display:grid;grid-template-columns:1fr;grid-template-areas:"frame" "dots" "controls";gap:.3rem;width:100%;max-width:100%}.project__page--card .carousel .carousel__frame{grid-area:frame;width:100%;height:clamp(16rem,55vw,22rem);overflow:hidden;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.project__page--card .carousel .carousel__figure{width:100%;height:100%;margin:0}.project__page--card .carousel .carousel__dots{grid-area:dots;justify-content:center}.project__page--card .carousel .carousel__dots .carousel__dot{height:.5rem}.project__page--card .carousel .carousel__btn{width:1.5rem;height:1.5rem;font-size:1.5rem}.project__page--card .carousel .carousel__btn .carousel__btn--icon{font-size:1rem}.project__page--card .carousel .carousel__btn:first-of-type{grid-area:controls;justify-self:start}.project__page--card .carousel .carousel__btn:last-of-type{grid-area:controls;justify-self:end}.project__page--card .carousel img,.project__page--card .carousel video{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;border-radius:.5rem;margin:0}.project__page--card .project{width:100%;max-width:100%;padding:.5rem;box-sizing:border-box;min-width:0}.project__page--card .project .project__tech,.project__page--card .project .project__collab{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;max-width:100%;min-width:0;padding:0;margin:0;list-style:none;box-sizing:border-box}.project__page--card .project .project__tech--li,.project__page--card .project .project__collab--li{max-width:100%;min-width:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.9rem;padding:.4rem .65rem}.project__page--card .project .lenker{width:100%;max-width:100%}.project__page--card .project .lenker .lenker__link{margin:.5rem}.project__page--card .project .lenker .lenker__icon{margin:0 .5rem;font-size:1.5rem}.contact__container{margin:2rem;height:35rem}}