html,body{margin:0!important;padding:0!important;background-color:#000}::-webkit-scrollbar{width:12px;background-color:#424242}::-webkit-scrollbar-thumb{background:#686868}.Home{position:absolute;color:#f6f7f9;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.Canvas{position:fixed;z-index:-10}.Hyperlink{color:#1da8f2}.Hyperlink:hover{color:#1d77c9}.Shadertoy{color:#ff8020}.Shadertoy:hover{color:#df6010}.Youtube{color:#f44}.Youtube:hover{color:#d33}.Entry{color:#f6f7f9;text-shadow:0;position:fixed;font-size:14px;margin-left:3%;top:27%}.Typewriter{background-color:#f6f7f9}@media only screen and (min-width: 768px){.Entry{font-size:20px;margin-left:2%;top:30%}}.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}.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}.MenuFooter{position:fixed;font-size:20px;top:78vh;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;top:83vh;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}}.Hej{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:160px 40px;margin-top:8vh;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;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;margin-top:7vh;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:20px;margin-top:15px;margin-left:70px}.Bio{margin-top:0;margin-left:10.3%;margin-right:7%}.BioHeader{font-size:32px;margin-left:0}.BioText{font-size:18px;text-align:left}.BioNote{font-size:12px;text-align:left}}.Projects{position:relative;margin-top:80vh;margin-left:4%;margin-right:6%}.ProjectsHeading{font-size:20px;font-weight:800}.ProjectName{font-size:16px;font-weight:600}.ProjectDescription{font-size:13px}.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){.Projects{margin-top:85vh;margin-left:11%;margin-right:11%}.ProjectsHeading{font-size:32px;font-weight:800}.ProjectName{font-size:32px;font-weight:600}.ProjectDescription{font-size:18px;margin-bottom:40px}.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:15px;margin-bottom:80px;margin-left:-20px}.IndivTechnology{margin-left:2px;background:#3232322e;border-radius:20px;padding:4px;display:flex;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}}.Footer{position:relative;margin-top:30vh;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:30vh;padding-top:20px}.FooterHeading{font-size:32px;font-weight:600;text-align:center}.FooterText{margin-top:30px;font-size:18px;padding-bottom:70px;text-align:center}}