:root{--white: rgb(255, 255, 255);--grey-lightest: rgb(247, 247, 247);--grey-light: rgb(240, 240, 240);--grey-midlight: rgb(216, 216, 216);--grey-midlight-2: rgb(175, 175, 175);--grey-midlight-3: rgb(150, 150, 150);--grey-mid: rgb(125, 125, 125);--grey-middark: rgb(100, 100, 100);--grey-middark-2: rgb(75, 75, 75);--grey-middark-3: rgb(50, 50, 50);--grey-dark: rgb(25, 25, 10);--black: rgb(0, 0, 0);--shadow: rgba(0, 0, 0, .25);--margin: .5rem;--error-red: #d32f2f;--error-bg: #ffebee;--card-radius: .5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--grey-light);color:var(--grey-dark);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.footer{padding:2rem 1rem;background-color:transparent;border-top:1px solid var(--grey-midlight);margin-top:4rem}@media screen and (max-width:56.25em){.footer{padding-bottom:12rem}}.footer__container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--grey-mid);font-size:clamp(.7rem,.6rem + .4vw,1rem)}.footer__socials{display:flex;gap:1.5rem}.footer__social-link{color:var(--grey-middark-2);transition:color .2s,transform .2s;display:flex;align-items:center}.footer__social-link:hover{color:var(--black);text-decoration:none;transform:translateY(-2px)}@media(max-width:600px){.footer__container{flex-direction:column;gap:1.5rem;text-align:center}}.footer__admin-link{color:var(--grey-mid);text-decoration:underline;transition:opacity .2s}.footer__link-divider{color:var(--grey-mid);margin:0 .5rem}.footer__admin-link:hover{opacity:1;text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative;margin-bottom:1.5rem}.input-container{position:relative;display:flex;align-items:center}label{font-weight:600;margin-bottom:.25rem}input,textarea,select{width:100%;padding:.875rem 1rem;border:1px solid var(--grey-mid);border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .2s,outline .2s;background-color:var(--white)}input[type=submit],input[type=button],button{width:auto}input:focus,textarea:focus,select:focus{outline:2px solid var(--grey-mid);outline-offset:-1px}.was-validated input:invalid,.was-validated textarea:invalid,.was-validated select:invalid,input:user-invalid,textarea:user-invalid,select:user-invalid,.has-error input,.has-error textarea,.has-error select{border-color:var(--error-red);outline:1px solid var(--error-red)}.was-validated input:invalid+.error-icon,.was-validated textarea:invalid+.error-icon,input:user-invalid+.error-icon,textarea:user-invalid+.error-icon,.has-error .error-icon{display:block}.was-validated input:invalid~.field-error-message,.was-validated textarea:invalid~.field-error-message,.was-validated select:invalid~.field-error-message,input:user-invalid~.field-error-message,textarea:user-invalid~.field-error-message,select:user-invalid~.field-error-message,.was-validated .input-container:has(input:invalid,textarea:invalid,select:invalid)~.field-error-message,.input-container:has(input:user-invalid,textarea:user-invalid,select:user-invalid)~.field-error-message,.has-error .field-error-message{display:block}.error-icon{display:none;position:absolute;right:1rem;color:var(--error-red);pointer-events:none;line-height:0}.field-error-message{display:none;color:var(--error-red);font-size:.85rem;font-weight:500;margin-top:.25rem}.server-error,.error-summary{color:var(--error-red);background:var(--error-bg);padding:1rem;border-radius:4px;display:flex;align-items:center;gap:.75rem;font-weight:500;border:1px solid var(--error-red);margin-bottom:1.5rem}.server-error svg,.error-summary svg{flex-shrink:0}.markdown-content h1{display:none}.markdown-content h2{font-family:Funnel Display,sans-serif;font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--grey-light);color:var(--black)}.markdown-content h3{font-family:Funnel Display,sans-serif;font-weight:800;font-size:1.33rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--black);display:flex;align-items:center;gap:.75rem}.markdown-content h3 img{height:1.5rem;width:auto;object-fit:contain;flex-shrink:0}.markdown-content h3 strong{font-weight:inherit;color:inherit}.markdown-content p,.markdown-content li{font-size:clamp(1rem,.9rem + .3vw,1.125rem);line-height:1.8;margin-bottom:2rem;color:var(--grey-dark)}.markdown-content strong{color:var(--black)}.markdown-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content hr{border:0;height:1px;background:var(--grey-midlight);margin:3rem 0}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2rem 0;border-radius:8px;border:1px solid var(--grey-midlight)}.markdown-content table{width:100%;border-collapse:collapse;margin:0;font-size:1rem;min-width:600px}.markdown-content th{background-color:var(--white);text-align:left;padding:12px 16px;font-weight:700;border-bottom:2px solid var(--grey-mid);white-space:nowrap;border-radius:8px 8px 0 0}.markdown-content td{padding:12px 16px;border-bottom:1px solid var(--grey-midlight)}.markdown-content tr:last-child td{border-bottom:none}.markdown-content del{color:var(--grey-mid);text-decoration:line-through}.markdown-content blockquote{position:relative;margin:2rem 0;padding:1.5rem 2rem;background-color:var(--grey-midlight);border-left:4px solid var(--grey-middark);border-radius:0 8px 8px 0;color:var(--grey-middark-2);font-style:italic;font-size:1.1rem}.markdown-content blockquote p{margin-bottom:0;color:inherit}.markdown-content code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background-color:var(--grey-lightest);color:var(--error-red);padding:.2em .4em;border-radius:4px;font-size:.9em;border:1px solid var(--grey-light)}.markdown-content pre{background-color:var(--grey-dark);color:var(--grey-lightest);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;box-shadow:0 4px 6px #0000001a;border:1px solid var(--black)}.markdown-content pre code{background-color:transparent;color:inherit;padding:0;border:none;font-size:.95em}.spincard__img{animation:rotateAnimation 4s linear infinite}@keyframes rotateAnimation{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.projects__unit{perspective:200px}.card{transition:transform .3s ease;transform-style:preserve-3d}.card:hover{transform:translateZ(1rem);cursor:pointer}@keyframes hoverExpand{0%{transform:translateZ(0)}to{transform:translateZ(1rem)}}.popup:target>.popup__content{animation:raise .3s ease}.popup:target{animation:fade .3s ease}@keyframes raise{0%{height:0}to{height:85vh}}@keyframes fade{0%{opacity:0}to{opacity:1}}:root{interpolate-size:allow-keywords}*{box-sizing:border-box;margin:0;padding:0;font-family:Funnel Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;list-style:none}.heading-primary{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:calc(var(--margin) * 12)}@media screen and (min-width:56.25em){.heading-primary{margin-top:calc(var(--margin) * 6);font-family:"Jacquard 24",system-ui;font-weight:400;font-size:clamp(5rem,4rem + 4vw,8rem);font-style:normal}}.heading-primary--main{font-family:"Jacquard 24",system-ui;font-weight:400;font-size:clamp(2.75rem,2rem + 3vw,5rem);font-style:normal;text-shadow:.15rem .15rem 0 var(--grey-midlight-2);text-align:center;line-height:2ex;margin-bottom:1rem}@media screen and (min-width:56.25em){.heading-primary--main{margin-top:calc(var(--margin) * 6);font-family:"Jacquard 24",system-ui;font-weight:400;font-size:clamp(5rem,4rem + 4vw,8rem);font-style:normal}}.heading-primary--sub{font-size:clamp(1rem,.8rem + 1vw,1.5rem);font-family:Funnel Display,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;margin-bottom:2rem}.heading-secondary{font-family:Funnel Display,sans-serif;font-optical-sizing:auto;font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.5rem)}h2{font-family:Funnel Display,sans-serif;font-weight:800}.heading-tertiary{font-size:clamp(1rem,.8rem + 1vw,1.75rem);font-weight:600;margin-bottom:calc(var(--margin) * 1.25)}.heading-quarternary{font-size:clamp(.75rem,.6rem + .5vw,1.25rem);font-weight:400;color:var(--grey-dark);margin-bottom:calc(var(--margin) * 1.25)}.header__link{font-size:clamp(.75rem,.7rem + .25vw,1.1rem);font-weight:600}.paragraph{font-size:clamp(.875rem,.8rem + .5vw,1.25rem);margin-bottom:calc(var(--margin) * 1.25);-webkit-hyphens:auto;hyphens:auto}.paragraph__break{margin-bottom:.75rem}.linktext{color:var(--black)}em{font-size:clamp(62.5%,50% + 2vw,100%);font-weight:600}.intro__p{max-width:65ch;margin-bottom:10rem}.hobby__h2{margin-bottom:3rem}.cv__h1{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-block:calc(var(--margin) * 6)}.cv__h2{font-size:clamp(.9rem,.8rem + .5vw,1.5rem);font-family:Funnel Display,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;color:var(--grey-dark);display:inline;vertical-align:middle}.cv__h3{margin-bottom:0;color:var(--grey-dark)}.cv__bodytext{font-style:italic;color:var(--grey-mid)}.cv__list-item{font-size:clamp(.875rem,.8rem + .5vw,1.25rem)}.cv__bodytext,.cv__h3,.cv__h4{font-size:clamp(37.5%,30% + 1vw,50%);-webkit-hyphens:auto;hyphens:auto}.projects__h2{font-family:Funnel Display,sans-serif;font-weight:800;margin-block:calc(var(--margin) * 8)}.companies__p{text-align:center;margin-bottom:1rem}.popup__h3{margin-block:calc(var(--margin) * 4)}.vrf__h1sub{text-align:center;margin-bottom:7.5rem;width:90vw}@media screen and (min-width:37.5em){.vrf__h1sub{width:66.6666667%}}@media screen and (min-width:56.25em){.vrf__h1sub{width:50%}}.music-player__p{margin-top:.5rem;color:var(--grey-mid)}.music-player__p .linktext{color:var(--grey-mid)}.essay__p{columns:1}@media screen and (min-width:56.25em){.essay__p{columns:2}}.companies__h2{font-family:Funnel Display,sans-serif;font-weight:800;margin-bottom:3rem}.accordion{background-color:var(--grey-light);margin-bottom:.5rem;padding:1rem;border-radius:1rem;border:solid 1px var(--grey-midlight-2);height:100%}.accordion:hover{cursor:pointer}.accordion__summary::marker{color:var(--grey-mid);font-size:clamp(.75rem,.7rem + .25vw,1.25rem)}.accordion__inliner{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.accordion__inliner>.heading-secondary--cv{margin-bottom:0}.accordion__pointer{width:1.5rem}.accordion:open .accordion__pointer{transform:rotate(180deg);transition:transform .2s}.accordion:not(:open) .accordion__pointer{transform:rotate(90deg);transition:transform .2s}.accordion__divider{margin:1rem -1rem;border-top:solid 1px var(--grey-midlight-2);border-bottom:0;border-left:0;border-right:0}@media screen and (min-width:37.5em){.accordion{width:66.6666666667vw}}.popup{width:100%;height:100%;background-color:var(--shadow);position:fixed;top:0;left:0;z-index:9999;opacity:0;visibility:hidden}.popup:target{opacity:1;visibility:visible}.popup__content{width:100vw;height:85vh;background-color:var(--grey-light);position:fixed;bottom:0;border-top-left-radius:2rem;border-top-right-radius:2rem;box-shadow:0 -.5rem 2rem var(--shadow);overflow:scroll;display:flex;align-items:center;flex-direction:column}.popup__img{width:100%;border-block:solid 1px var(--grey-midlight-2);margin-bottom:calc(var(--margin) * 4)}.popup__textbox{width:90%;margin:0 auto;display:flex;justify-content:center;align-items:start;flex-direction:column}.popup__title{width:90%;display:flex;justify-content:space-between;align-items:center}.popup__close{margin:auto 0;height:3rem;width:3rem;text-decoration:none;color:var(--grey-dark);border:solid 1px var(--grey-midlight-2);border-radius:.5rem;padding-inline:1rem}.popup__close:hover{background-color:var(--white)}@media screen and (min-width:56.25em){.popup .popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;border-radius:.5rem}}@media screen and (min-width:75em){.popup .popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%}}.btn{font-size:clamp(.875rem,.8rem + .5vw,1.25rem);margin-block:1.5rem;padding:1.25rem 2.5rem;color:var(--black);background-color:var(--grey-light);border:solid 1px var(--grey-midlight-3);border-radius:.5rem;text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:row;width:auto}.btn__img{height:2.5rem;margin-bottom:.5rem;margin-right:.5rem}.btn:hover{background-color:#fff}.card{height:267px;width:187px;border-radius:var(--card-radius);background-color:var(--white);box-shadow:0 .4rem .6rem var(--shadow)}.header{z-index:1;margin:0;width:100vw;position:fixed;border:none;bottom:0;left:0;background-color:var(--grey-light);flex-shrink:0}.header__container{display:flex;justify-content:center;align-items:center;padding:.4rem;flex-shrink:0}.header__link{color:var(--grey-dark);text-decoration:none;padding:1.6rem 1.5rem;white-space:nowrap}.header__link:hover{background-color:var(--white)}@media screen and (min-width:37.5em){.header{position:fixed;bottom:0;left:0;margin:0;border-radius:0;flex-shrink:0;width:100vw}.header__link{padding:1rem 2rem}}@media screen and (min-width:56.25em){.header{position:relative;margin:0;border:unset;border-radius:0;width:100vw;flex-shrink:0}.header__link:hover{background-color:var(--white);border-radius:.5rem}}.foot{clip-path:polygon(0 0,100% 15%,100% 100%,0% 100%);padding-top:10rem;height:33vh;width:100vw;background-color:var(--grey-midlight);margin-top:5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-start}.foot__gh-link{height:4.5rem;margin-top:1rem}.foot__spaceadder{width:100vw;height:200px;background-color:var(--grey-midlight)}@media screen and (min-width:37.5em){.foot{clip-path:polygon(0 0,100% 25%,100% 100%,0% 100%);padding-top:7rem}}@media screen and (min-width:56.25em){.foot{clip-path:polygon(0 0,100% 25%,100% 100%,0% 100%);padding-top:8rem}}@media screen and (min-width:75em){.foot{clip-path:polygon(0 0,100% 35%,100% 100%,0% 100%);padding-top:9rem}}@media screen and (min-width:112.5em){.foot{clip-path:polygon(0 0,100% 45%,100% 100%,0% 100%);padding-top:10rem}}main{display:flex;justify-content:center;align-items:center;flex-direction:column}.hero{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:75vh;margin-top:4rem}.spincard{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:267px;width:187px;position:relative;perspective:100rem;transform-style:preserve-3d}.spincard__front,.spincard__back{height:100%;width:100%;position:absolute}.spincard__front{z-index:3;backface-visibility:hidden;background-color:var(--white);border-radius:var(--card-radius)}.spincard__back{z-index:2;background-color:var(--white);border-radius:var(--card-radius)}.intro{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90vw;text-align:center}.hobby,.hobby__listitem{display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:37.5em){.hobby__listitem{margin:calc(var(--margin) * 6) calc(var(--margin) * .5);list-style-type:none;flex-direction:row;padding-left:2rem}.hobby__listitem:nth-child(2n){flex-direction:row-reverse;padding-left:0;padding-right:2rem}}.hobby__textbox,.hobby__textbox--short{margin:calc(var(--margin) * 4) 0 calc(var(--margin) * 12) 0;padding:0 2rem;text-align:center}@media screen and (min-width:37.5em){.hobby__textbox,.hobby__textbox--short{text-align:start;width:min(93.75vw,50ch);padding:0;margin:0 calc(var(--margin) * 10)}}@media screen and (min-width:56.25em){.hobby__textbox,.hobby__textbox--short{width:65ch}}.cv{display:flex;justify-content:center;align-items:center;flex-direction:column}.cv__body--open{display:none}.cv__body--tucked{width:90vw}.cv__subsection{padding:3rem;background-color:var(--grey-light);border:solid 1px var(--grey-midlight-2);border-radius:1rem}@media screen and (min-width:37.5em){.cv__body--tucked{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media screen and (min-width:56.25em){.cv__body--open{display:grid;height:55vh;width:75vw;margin:0;padding:0;gap:var(--margin);grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"box-2 box-2 box-1 box-1 box-1" "box-2 box-2 box-1 box-1 box-1" "box-2 box-2 box-1 box-1 box-1" "box-2 box-2 box-3 box-3 box-3"}.cv__body--tucked{display:none}.cv__griditem-1{grid-area:box-1}.cv__griditem-2{grid-area:box-2}.cv__griditem-3{grid-area:box-3}.cv__list{display:flex;justify-content:flex-start;justify-items:center;align-items:center;flex-wrap:wrap}.cv__list-item{padding-right:1rem}.cv__divider{margin-top:calc(var(--margin) * 4);width:20%;border-top:solid 1px var(--grey-midlight-2);border-bottom:0;border-left:0;border-right:0}}@media screen and (min-width:75em){.cv__body--open{width:66.6666666667vw}}.padding-adder{padding-bottom:calc(var(--margin) * 2)}.projects{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:calc(var(--margin) * 6);max-width:90vw}.projects__container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:90vw}.projects__unit{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:calc(var(--margin) * 2)}.projects__card{scale:85%;margin:0}.big-img{height:45vh;margin-top:8rem}.music-player{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90vw;margin-block:3rem}@media screen and (min-width:37.5em){.music-player{width:66vw}}@media screen and (min-width:37.5em){.music-player{width:33vw}}.essay{display:flex;justify-content:center;align-items:center;flex-direction:column}.essay__textbox,.essay__p{width:90vw}.companies{background-color:var(--grey-midlight);width:100vw;padding-block:15rem;clip-path:polygon(0 0,100% 15%,100% 100%,0 85%)}.companies__container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90vw;margin:0 auto}.companies__list{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap}.companies__listitem{width:90vw}.logo{display:flex;justify-content:center;align-items:center;margin:var(--margin);width:100%}.logo:hover{background-color:purple}.logo__img{height:3rem}@media screen and (min-width:37.5em){.companies__container{width:66.66667vw}.essay__textbox{width:min(66.66667vw,130ch);margin-bottom:10rem}.essay__p{width:100%}}@media screen and (min-width:56.25em){.companies__listitem,.logo{width:unset}}@media screen and (min-width:75em){.companies{clip-path:polygon(0 0,100% 30%,100% 100%,0 70%)}.companies__container{width:50vw}}.logo__img--white{height:3rem;display:none}.arbetsformedlingen:hover{background-color:#00005a}.arbetsformedlingen:hover>.logo__img{display:none}.arbetsformedlingen:hover>.logo__img--white{display:block}.arbetsmiljoverket:hover{background-color:#ffd94d}.dramatify:hover{background-color:#2f9ff1}.dramatify:hover>.logo__img{display:none}.dramatify:hover>.logo__img--white{display:block}.ehalsomyndigheten:hover{background-color:#6e0e50}.ehalsomyndigheten:hover>.logo__img{display:none}.ehalsomyndigheten:hover>.logo__img--white{display:block}.endra:hover{background-color:#000}.endra:hover>.logo__img{display:none}.endra:hover>.logo__img--white{display:block}.forsakringskassan:hover{background-color:#116a3e}.forsakringskassan:hover>.logo__img{display:none}.forsakringskassan:hover>.logo__img--white{display:block}.ikea:hover{background-color:#ffdb00}.lootlocker:hover{background-color:#436ec6}.lootlocker:hover>.logo__img{display:none}.lootlocker:hover>.logo__img--white{display:block}.materialexchange:hover{background-color:#14141e}.materialexchange:hover>.logo__img{display:none}.materialexchange:hover>.logo__img--white{display:block}.rerun:hover{background-color:#212121}.rerun:hover>.logo__img{display:none}.rerun:hover>.logo__img--white{display:block}.skatteverket:hover{background-color:#036}.skatteverket:hover>.logo__img{display:none}.skatteverket:hover>.logo__img--white{display:block}
