/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-green-400:oklch(79.2% .209 151.711);--color-blue-500:oklch(62.3% .214 259.815);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-\[100px\]{bottom:100px}.z-\[-10\]{z-index:-10}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[5rem\]{margin-top:5rem}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-\[4\%\]{margin-right:4%}.mr-\[5vw\]{margin-right:5vw}.mr-\[7vw\]{margin-right:7vw}.mb-\[-2rem\]{margin-bottom:-2rem}.mb-\[0\.5rem\]{margin-bottom:.5rem}.mb-\[25\%\]{margin-bottom:25%}.mb-px{margin-bottom:1px}.ml-\[5vw\]{margin-left:5vw}.ml-\[65vw\]{margin-left:65vw}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-\[0\.15rem\]{height:.15rem}.h-\[80\%\]{height:80%}.h-\[100vh\]{height:100vh}.h-\[650px\]{height:650px}.w-\[98\%\]{width:98%}.max-w-\[85vw\]{max-width:85vw}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-x-1{column-gap:calc(var(--spacing)*1)}.self-center{align-self:center}.rounded-xl{border-radius:var(--radius-xl)}.bg-blue-500\/70{background-color:#3080ffb3}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/70{background-color:color-mix(in oklab,var(--color-blue-500)70%,transparent)}}.bg-gray-600\/50{background-color:#4a556580}@supports (color:color-mix(in lab,red,red)){.bg-gray-600\/50{background-color:color-mix(in oklab,var(--color-gray-600)50%,transparent)}}.bg-green-400\/70{background-color:#05df72b3}@supports (color:color-mix(in lab,red,red)){.bg-green-400\/70{background-color:color-mix(in oklab,var(--color-green-400)70%,transparent)}}.bg-orange-400\/70{background-color:#ff8b1ab3}@supports (color:color-mix(in lab,red,red)){.bg-orange-400\/70{background-color:color-mix(in oklab,var(--color-orange-400)70%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-\[1rem\]{padding-inline:1rem}.py-\[0\]{padding-block:0}.pt-\[1rem\]{padding-top:1rem}.pr-\[1rem\]{padding-right:1rem}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.2rem\]{font-size:1.2rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-fuchsia-50{color:var(--color-fuchsia-50)}.no-underline{text-decoration-line:none}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.lg\:mt-\[8rem\]{margin-top:8rem}.lg\:mr-\[10vw\]{margin-right:10vw}.lg\:mr-\[25\%\]{margin-right:25%}.lg\:mb-\[-3\.5rem\]{margin-bottom:-3.5rem}.lg\:mb-\[1rem\]{margin-bottom:1rem}.lg\:mb-\[2rem\]{margin-bottom:2rem}.lg\:mb-\[3rem\]{margin-bottom:3rem}.lg\:mb-\[10\%\]{margin-bottom:10%}.lg\:ml-\[10vw\]{margin-left:10vw}.lg\:flex{display:flex}.lg\:gap-x-3{column-gap:calc(var(--spacing)*3)}.lg\:pr-\[5rem\]{padding-right:5rem}.lg\:text-center{text-align:center}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-lg\/5{font-size:var(--text-lg);line-height:calc(var(--spacing)*5)}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-\[1\.25rem\]{font-size:1.25rem}.lg\:text-\[1\.75rem\]{font-size:1.75rem}}}html,body{background-color:#000;margin:0!important;padding:0!important}::-webkit-scrollbar{background-color:#424242;width:12px}::-webkit-scrollbar-thumb{background:#686868}.BlogPost iframe{width:80vw;height:45vw;margin-top:2rem}.BlogPost img{margin:auto;width:80vw;height:auto;margin-block:2rem;display:block}.BlogPost video{width:80vw;height:auto;margin:auto;margin-block:2rem}.video-anim{margin:auto!important;width:80vw!important;height:auto!important;margin-block:2rem!important}.Layout{font-optical-sizing:auto;background:0 0;flex-direction:column;width:100%;font-family:DM Sans,sans-serif;font-style:normal;font-weight:400;display:flex;position:absolute}.Canvas{z-index:-10;position:fixed}.Projects{margin-top:80vh;margin-left:4%;margin-right:6%;position:relative}.Page{min-width:100%;min-height:35vh;margin-top:8vh;position:relative}.Entry{color:#f6f7f9;text-shadow:0;z-index:-1;margin-left:3%;font-size:14px;position:fixed;top:27%}.Typewriter{background-color:#f6f7f9}.Heading{font-size:20px;font-weight:800}.Hyperlink{color:#1da8f2}.Hyperlink:hover{color:#1d77c9}.Shadertoy{color:#ff8020}.Shadertoy:hover{color:#df6010}.Youtube{color:#f44}.Youtube:hover{color:#d33}.sticker{height:auto;width:200px!important}@media only screen and (min-width:768px){.BlogPost iframe{width:50vw;height:28.125vw;margin-top:3rem}.BlogPost img{width:50vw;height:auto}.BlogPost video{width:50vw;margin-block:3rem}.video-anim{margin-left:4.5em!important;margin-right:6rem!important;width:20vw!important;height:auto!important;margin-block:0!important}.Page{margin-top:10vh}.Entry{margin-left:2%;font-size:20px;top:30%}.Projects{margin-top:85vh;margin-left:11%;margin-right:11%}.Heading{font-size:32px;font-weight:800}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.Menu{position:absolute;width:100%;height:100%;color:#f6f7f9;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;visibility:visible}.MenuIcon{position:fixed;margin-top:4%;z-index:1001;margin-left:3%;width:48px;height:48px}.MenuShown{z-index:50;position:fixed;width:100%;height:100%;z-index:1000;-webkit-backdrop-filter:brightness(65%);backdrop-filter:brightness(65%)}.MenuExpanded{position:absolute;margin-left:-50px;width:285px;height:100%;z-index:1001;background-color:#000000eb;box-shadow:1px 0}.MenuText{margin-top:27px;margin-left:40px}.MenuHeader{font-size:26px;font-weight:500;padding-left:40px;padding-bottom:20px;box-shadow:0 2px}.MenuBody{font-size:24px;margin-left:40px}.PageButton{cursor:pointer}.PageHover:hover{text-decoration:underline}.MenuFooter{position:fixed;font-size:20px;bottom:6vh;margin-left:40px}.MenuToggle{line-height:40px;color:#888}@media only screen and (min-width: 768px){.Menu{position:absolute;width:100%;height:100%}.MenuIcon{position:fixed;margin-top:2%;z-index:52;margin-left:3%;width:48px;height:48px}.MenuShown{z-index:50;position:fixed;width:100%;height:100%;-webkit-backdrop-filter:brightness(65%);backdrop-filter:brightness(65%)}.MenuExpanded{z-index:51;position:absolute;margin-left:-50px;width:320px;height:100%;background-color:#000000eb;box-shadow:1px 0}.MenuText{margin-top:30px;margin-left:40px}.MenuHeader{font-size:38px;font-weight:500;padding-left:40px;padding-bottom:20px;box-shadow:0 2px}.MenuBody{font-size:28px;margin-left:40px}.MenuFooter{position:fixed;font-size:20px;bottom:5%;margin-left:40px}.MenuToggle{color:#888;line-height:40px}}.LightbulbText{position:absolute;z-index:8;margin-top:205px;left:64%;opacity:20%}.LightbulbMainText{margin-top:0;font-size:20px;font-weight:800;margin-bottom:0;padding:0}.LightbulbNote{margin-top:0;margin-right:20px;font-size:8px}.LightbulbHandle{position:absolute;z-index:9;left:80%;width:56px}.Lightbulb{position:absolute;z-index:10;left:80%}.LightbulbImg{position:absolute;width:56px}@media only screen and (min-width: 768px){.Lightbulb{top:-5%}.LightbulbText{position:absolute;z-index:8;margin-top:290px;left:82%;opacity:20%}.LightbulbMainText{margin-top:0;font-size:38px;font-weight:800;margin-bottom:0;padding:0}.LightbulbNote{margin-top:0;margin-right:20px;margin-bottom:0;font-size:16px}.LightbulbHandle{position:absolute;z-index:9;left:91%;width:84px;height:450px}.Lightbulb{position:absolute;z-index:10;left:91%}.LightbulbImg{position:absolute;width:84px;height:450px}}.Footer{position:relative;margin-top:15vh;width:100%;padding-top:20px;z-index:20;background-color:#070707}.FooterHeading{margin-top:15px;font-size:20px;font-weight:600;text-align:center}.FooterText{font-size:13px;margin-top:20px;margin-left:10%;margin-right:10%;padding-bottom:40px;text-align:center}.Patreon{width:25px;height:25px}.Wordmark{margin-left:10px;width:100px;height:25px}@media only screen and (min-width: 768px){.Footer{margin-top:25vh;padding-top:1.2rem}.FooterHeading{font-size:2rem;font-weight:600;text-align:center}.FooterText{margin-top:1.8rem;font-size:1.2rem;padding-bottom:2rem;text-align:center}}.Hej{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:160px 40px;width:100%;padding-bottom:0}.HejAvatar{border-radius:150px;grid-column:2 / 3;width:150px;height:150px}.HejText{font-size:14px;font-weight:600;grid-column:3 / 8;padding-top:10px;margin-top:38px;margin-left:30px}.Winter{color:#9bbdf8}.HejHandle{font-size:14px;font-weight:500;color:#444;grid-column:2;grid-row:2;margin-left:40px;margin-top:8px}.Bio{position:relative;margin-top:-5px;margin-left:4%;margin-right:6%}.BioHeader{font-weight:800;font-size:20px;margin-left:20px}.BioText{font-size:13px;line-height:20px;text-align:center;margin-bottom:0}.BioNote{font-size:8px;text-align:center;color:#555}@media only screen and (min-width: 768px){.Hej{grid-template-columns:repeat(9,1fr);grid-template-rows:240px 40px;padding-bottom:10px}.HejAvatar{grid-column:2 / 3;width:240px;height:240px}.HejText{font-size:24px;grid-column:3 / 9;margin-left:50px;margin-top:100px}.HejHandle{font-size:1.2rem;margin-top:.8rem;margin-left:4.25rem}.Bio{margin-top:0;margin-left:10.3%;margin-right:10vw}.BioHeader{font-size:2rem;margin-left:0}.BioText{font-size:1.2rem;text-align:left;line-height:normal}.BioNote{font-size:.8rem;text-align:left}}.ProjectShowcase{margin:30px 15px 15px;display:grid;grid-template-columns:20px 1fr 20px;grid-template-rows:minmax(200px,auto) 120px}.ProjectMainElement{grid-column:1 / 4;width:auto;max-width:83vw}.ProjectTopArrow{width:20px;height:20px;position:relative;display:inline-block;grid-row:2 / 3;grid-column:1 / 2;transform:rotate(270deg);z-index:12;justify-self:center;align-self:center;-webkit-tap-highlight-color:transparent}.ProjectBottomArrow{width:20px;height:20px;position:relative;display:inline-block;grid-row:2 / 3;grid-column:3 / 4;transform:rotate(90deg);justify-self:center;align-self:center;z-index:12;-webkit-tap-highlight-color:transparent}.ProjectArrowImage{border-radius:15px;padding:3px;width:20px;height:20px}.ProjectSideElements{margin:15px;grid-column:1 / 5;overflow:hidden;grid-row:2 / 3;display:flex}.ProjectSideElement{float:left;padding:5px;margin-right:12px;border-radius:15px;height:75px}.ProjectMedia{z-index:4}.backdrop{visibility:visible;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#000c;display:flex;justify-content:center;align-items:center}.ProjectMediaFocus{position:absolute;z-index:800;opacity:0%;width:100%;height:100%}.ProjectMediaActive{position:fixed;border-radius:30px;z-index:1000;width:100vw;height:auto;max-height:80vh}@media only screen and (min-width: 768px){.ProjectShowcase{margin:15px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:15px auto 15px;justify-items:center}.ProjectMainElement{z-index:4;position:relative;width:auto;height:450px;min-height:40vh;max-height:60vh;padding-top:35px;grid-column:1 / 2;grid-row:2 / 3}.ProjectArrows{width:100%;height:100%;position:absolute;grid-column:2 / 3;grid-row:1 / 4;display:flex;justify-content:center}.ProjectTopArrow{position:relative;display:inline-block;justify-self:center;grid-column:2 / 3;grid-row:1 / 2;transform:rotate(0)}.ProjectBottomArrow{position:relative;display:inline-block;justify-self:center;grid-column:2 / 3;grid-row:3 / 4;transform:rotate(180deg)}.ProjectArrowImage{padding:8px 5px 3px;border-radius:100px;width:20px;height:20px}.ProjectSideElements{display:inline-block;margin-left:40px;grid-column:2 / 3;overflow:hidden;height:450px;max-height:60vh;grid-row:2 / 3;justify-items:center}.ProjectSideElement{z-index:3;float:none;margin:0;border-radius:45px;padding:20px;height:180px;min-height:18vh;max-height:23vh}.ProjectMedia{z-index:7}.ProjectMediaFocus{position:absolute;z-index:800;opacity:0%;width:100%;height:100%}.ProjectMediaActive{position:fixed;border-radius:30px;z-index:1000;width:max(55%,1000px)}}.Technologies{position:relative;margin-top:80vh;margin-left:6%}.TechnologiesHeading{font-size:20px;font-weight:600}.TechnologiesSubHeading{font-size:16px}.IndivTechnologies{display:flex;justify-content:center;align-content:space-around;flex-wrap:wrap;row-gap:20px;column-gap:10px;margin-bottom:80px;margin-left:-20px}.IndivTechnology{margin-left:2px;background:#3232322e;border-radius:20px;padding:4px;display:flex;min-width:170px}.TechnologyImg{background:#141428cc;padding:8px;border-radius:15px;width:40px;height:40px;margin-right:10px;margin-left:5px}.TechnologyText{margin-left:0}.TechnologyName{position:relative;margin-top:12px;margin-bottom:0;font-size:16px;font-weight:600}.TechnologyDescription{position:relative;font-size:9px;margin-top:0;color:#555;font-weight:600}@media only screen and (min-width: 768px){.Technologies{margin-top:85vh;margin-left:10%;margin-right:10%}.TechnologiesHeading{font-size:32px}.TechnologiesSubHeading{font-size:26px}.IndivTechnologies{display:flex;justify-content:flex-start;align-content:space-around;flex-wrap:wrap;row-gap:20px;column-gap:40px;margin-bottom:120px}.IndivTechnology{margin-left:2px;background:#3232322e;border-radius:30px;padding:8px;display:flex;width:320px}.TechnologyImg{background:#141428cc;padding:10px;border-radius:15px;width:80px;height:80px;margin-right:20px;margin-left:10px}.TechnologyText{margin-left:0}.TechnologyName{position:relative;margin-top:20px;margin-bottom:0;font-size:32px}.TechnologyDescription{font-size:16px;position:relative;margin-top:0}}