@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Degular,Montserrat,sans-serif;margin:0}@media (min-width:320px){.Navbar{position:fixed;top:0;width:100%;z-index:20}.Navbar .burger{padding:8px 4px;position:absolute;right:36px;top:32px}.Navbar .burger .box0,.Navbar .burger .box1{height:4px;margin:6px 0;position:relative;width:40px}.Navbar ul{align-items:flex-end;display:flex;flex-direction:column;font-size:4em;justify-content:flex-start;list-style:none;margin:24vh 40px 0 50px;padding:0}.Navbar ul a.selected{font-weight:600}.Navbar ul a.notSelected{font-weight:200}.Navbar ul :active,.Navbar ul :hover,.Navbar ul :link,.Navbar ul :visited{text-decoration:none}.Navbar ul li{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;height:90px;justify-content:center}.Navbar ul li.kleeblatt img,.Navbar ul li.kleeblatt svg{padding-top:12px;width:45px}.Inactive .box0,.Inactive .box1{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Active{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);height:100%;width:100%}.Active .box0{-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)}.Active .box0,.Active .box1{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Active .box1{-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}}@media (min-width:781px){.Navbar{font-size:.4em;height:100%;left:0;width:15vw}.Navbar ul{align-items:flex-start;justify-content:flex-start;margin:2.6vw 3vw 3vw;padding:0}.Navbar ul li{height:33px;margin-left:-15px;padding-left:15px;-webkit-transform:translate(0);transform:translate(0)}.Navbar ul li,.Navbar ul li:hover{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Navbar ul li:hover{-webkit-transform:translate(4px);transform:translate(4px)}.Navbar ul li.kleeblatt img,.Navbar ul li.kleeblatt svg{box-sizing:initial;padding-right:20px;width:19px}.Active,.Inactive{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:1001px){.Navbar{width:10vw}.Navbar ul{margin:1.8vw 2vw 2vw}}@media (min-width:320px){.Navbar.Dark .box1,.Navbar.Dark .burger .box0{background-color:#fff}.Navbar.Dark :hover,.Navbar.Dark :link,.Navbar.Dark :visited{color:#fff}.Navbar.Dark a:active{color:#7656eb!important}.Navbar.Dark a.selected{color:#fff}.Navbar.Dark a.notSelected{color:#ebebeb}.Navbar.Dark .kleeblatt .selected svg{-webkit-filter:invert(100%);filter:invert(100%)}.Navbar.Dark .kleeblatt .notSelected svg{-webkit-filter:invert(86%);filter:invert(86%)}.Navbar.Dark .kleeblatt:active svg{-webkit-filter:invert(23%) sepia(17%) saturate(6251%) hue-rotate(235deg) brightness(93%) contrast(96%);filter:invert(23%) sepia(17%) saturate(6251%) hue-rotate(235deg) brightness(93%) contrast(96%)}.Navbar.Light .box1,.Navbar.Light .burger .box0{background-color:#050505}.Navbar.Light :hover,.Navbar.Light :link,.Navbar.Light :visited{color:#050505}.Navbar.Light a:active{color:#08ca46!important}.Navbar.Light a.selected{color:#050505}.Navbar.Light a.notSelected{color:#171717}.Navbar.Light .kleeblatt:active svg{-webkit-filter:invert(65%) sepia(52%) saturate(3731%) hue-rotate(93deg) brightness(105%) contrast(94%);filter:invert(65%) sepia(52%) saturate(3731%) hue-rotate(93deg) brightness(105%) contrast(94%)}}@media (min-width:781px){.Navbar.Dark{background-color:#101010}.Navbar.Light{background-color:#ebebeb}}@media (min-width:320px){.ThemeSwitch{border:0;bottom:0;cursor:pointer;left:0;margin:40px;padding:0;position:absolute;width:100px;z-index:10}.ThemeSwitch .Wrapper{cursor:pointer;display:flex;justify-content:space-between}.ThemeSwitch .Bar{height:3px;margin-left:1px;width:46px}.Button{border:none;cursor:pointer;font-family:Degular;font-size:1.45em;font-weight:600;margin:0;padding:0}.ThemeSwitch.Dark .Bar{-webkit-transform:translate(54px);transform:translate(54px);transition:all .2s;width:45px}.ThemeSwitch.Light .Bar{-webkit-transform:translate(0);transform:translate(0);transition:all .2s}}@media (min-width:781px){.ThemeSwitch{bottom:0;left:0;margin:3vw 3vw 2.5vw;width:68px}.ThemeSwitch .Bar{height:2px;margin-left:1px;width:30px}.Button{font-size:2.35em}.ThemeSwitch.Dark .Bar{-webkit-transform:translate(38px);transform:translate(38px);transition:all .2s;width:30px}.ThemeSwitch.Light .Bar{-webkit-transform:translate(0);transform:translate(0);transition:all .2s}}@media (min-width:1001px){.ThemeSwitch{margin:2vw 2vw 1.66vw;width:64px}.ThemeSwitch .Bar{height:2px;margin-left:1px;width:28px}.Button{font-size:2.2em}.ThemeSwitch.Dark .Bar{-webkit-transform:translate(36px);transform:translate(36px);transition:all .2s;width:28px}.ThemeSwitch.Light .Bar{-webkit-transform:translate(0);transform:translate(0);transition:all .2s}}.ThemeSwitch.Dark{background-color:initial}.ThemeSwitch.Dark .Bar{background-color:#fff}.ThemeSwitch.Dark .Button{background-color:initial;color:#fff}.ThemeSwitch.Light{background-color:initial}.ThemeSwitch.Light .Bar{background-color:#050505}.ThemeSwitch.Light .Button{background-color:initial;color:#050505}.ThemeSwitch button.L:active{color:#08ca46}.ThemeSwitch button.D:active{color:#7656eb}@media (min-width:320px){.Work{padding:0;position:absolute;width:100%}.Work .Intro{padding:35px 120px 60px 40px}.Work .Intro p{font-size:2em;margin:0}}@media (min-width:581px){.Work .Intro{padding-right:180px}.Work .Intro p{font-size:3.1em}}@media (min-width:781px){.Work{position:relative;width:85vw}.Work .Intro{padding:30px 30px 38px}.Work .gridContainer{grid-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 30px}.Work .leftContainer{grid-column:1;grid-row:1}.Work .rightContainer{grid-column:2;grid-row:1}}@media (min-width:1001px){.Work{width:90vw}}@media (min-width:1281px){.Work .gridContainer{grid-template-columns:repeat(3,1fr)}.Work .leftContainer{grid-column:1;grid-row:1}.Work .middleContainer{grid-column:2;grid-row:1}.Work .rightContainer{grid-column:3;grid-row:1}}.Work.Dark{background-color:#191919}.Work.Dark p{color:#ebebeb}.Work.Light{background-color:#f6f6f6}.Work.Light p{color:#171717}@media (min-width:320px){.Footer{font-size:.8rem;padding:40px 40px 25px;text-align:center}.Footer img{height:20px;margin-top:5px}}@media (min-width:581px){.Footer{font-size:1.1em}.Footer img{height:27px}}@media (min-width:1001px){.Footer{font-size:.8em;padding:20px 0}.Footer img{height:18px}}.Footer.Dark{background-color:#0c0c0c;color:#7b7b7b}.Footer.Dark img{-webkit-filter:invert(54%) sepia(1%) saturate(1673%) hue-rotate(315deg) brightness(88%) contrast(83%);filter:invert(54%) sepia(1%) saturate(1673%) hue-rotate(315deg) brightness(88%) contrast(83%)}Footer.Light{background-color:#e1e1e1;color:#717171}Footer.Light img{-webkit-filter:invert(47%) sepia(0) saturate(3590%) hue-rotate(332deg) brightness(95%) contrast(91%);filter:invert(47%) sepia(0) saturate(3590%) hue-rotate(332deg) brightness(95%) contrast(91%)}@media (min-width:320px){.Project{height:-webkit-min-content;height:min-content;margin:0 20px -60px}.Project img{border-radius:8px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:100%}.Project .Thumbnail img{cursor:pointer}.Project .Thumbnail img:hover{-webkit-transform:scale(1.015);transform:scale(1.015);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ThumbnailInfo{align-items:flex-end;cursor:pointer;display:flex;flex-direction:row;font-size:1.2em;justify-content:flex-start;margin:3px 5px 5px 10px}.ThumbnailInfo .Title,.ThumbnailInfo .Year{font-weight:400;margin:0}.ThumbnailInfo .Year{font-size:.7em;padding:0 0 3px 6px}.Thumbnail{position:relative;z-index:10}.Details{border-radius:8px;margin:0;padding:100px 20px 0;position:relative;top:-100px}.Details .Info{padding-bottom:10px}.Details .Info .Description{font-size:1.05em;font-weight:400;margin-bottom:0;margin-top:10px}.Details .Info .Link{margin:7px 0 0}.Details .Detail_0,.Details .Detail_1{margin:20px 0}.Details .Role,.Details .Software{font-style:italic;margin:5px 0 7px}.Details .RoleSpan,.Details .SoftwareSpan{font-style:normal;font-weight:600}.Expanded .Details{max-height:2000px;opacity:1;overflow:hidden;transition:max-height .6s,opacity .15s}.NotExpanded .Details{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .15s}}@media (min-width:501px){.ThumbnailInfo{font-size:1.5em}.ThumbnailInfo .Year{font-size:.85em}.Details .Info{padding-bottom:10px}.Details .Images{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);padding:20px 0}.Details .Detail_0{grid-column:2;grid-row:1}.Details .Detail_1{grid-column:1;grid-row:1}.Details .Detail_0,.Details .Detail_1{margin:0}}@media (min-width:781px){.Project{margin:0 0 -60px}.Details,.Project img{border-radius:2px}.ThumbnailInfo{font-size:1.1em}.ThumbnailInfo .Year{font-size:.8em;padding:0 0 2px 6px}}@media (min-width:1281px){.Project .Title{font-size:1.6em}.Project .Details .Description{font-size:1.2em}}.Project.Dark .Thumbnail{color:#fff}.Project.Dark .Thumbnail .Year{color:#7b7b7b}.Project.Dark .Details{background-color:#232323}.Project.Dark .Details .Description{color:#ebebeb}.Project.Dark .Details .Role,.Project.Dark .Details .Software{color:#a5a5a5}.Project.Dark .Details .Link{color:#ebebeb}.Project.Light .Thumbnail{color:#050505}.Project.Light .Thumbnail .Year{color:#717171}.Project.Light .Details{background-color:#ebebeb}.Project.Light .Details .Description{color:#171717}.Project.Light .Details .Role,.Project.Light .Details .Software{color:#2c2c2c}.Project.Light .Details .Link{color:#171717}.Project.Light a{text-decoration:none}.Project.Light a:hover{text-decoration:underline}.Project.Light a:active{-webkit-filter:brightness(60%);filter:brightness(60%);text-decoration:none}@media (min-width:320px){.Home{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:0;position:absolute;width:100%}.Home .CanvasWrapper{cursor:pointer;height:100vh;width:100%}.MichaelHochreiter{left:40vw;margin:0 0 0 -25vw;max-width:300px;pointer-events:none;position:fixed;top:20vh;z-index:10}.MichaelHochreiter .Name{font-size:4em;font-weight:400;line-height:50px;margin:0}.MichaelHochreiter .Title{font-size:1.7em;font-weight:400;margin:0;padding:2px 0 0 3px}@-webkit-keyframes wiggle2{0%{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}80%{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}85%{-webkit-transform:translate(110px,180px) rotate(14deg);transform:translate(110px,180px) rotate(14deg)}95%{-webkit-transform:translate(110px,180px) rotate(-2deg);transform:translate(110px,180px) rotate(-2deg)}to{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}}@keyframes wiggle2{0%{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}80%{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}85%{-webkit-transform:translate(110px,180px) rotate(14deg);transform:translate(110px,180px) rotate(14deg)}95%{-webkit-transform:translate(110px,180px) rotate(-2deg);transform:translate(110px,180px) rotate(-2deg)}to{-webkit-transform:translate(110px,180px) rotate(6deg);transform:translate(110px,180px) rotate(6deg)}}.Hint{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation:wiggle2 3s infinite;animation:wiggle2 3s infinite;border-radius:10px;font-size:1.4em;font-style:italic;font-weight:600;padding:0 6px 2px;pointer-events:none;position:absolute;top:38vh;z-index:19}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (min-width:781px){.Home{position:relative;width:85vw}.MichaelHochreiter{left:50vw;position:fixed;top:17vh}@-webkit-keyframes wiggle2{0%{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}80%{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}85%{-webkit-transform:translate(120px,130px) rotate(14deg);transform:translate(120px,130px) rotate(14deg)}95%{-webkit-transform:translate(120px,130px) rotate(-2deg);transform:translate(120px,130px) rotate(-2deg)}to{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}}@keyframes wiggle2{0%{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}80%{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}85%{-webkit-transform:translate(120px,130px) rotate(14deg);transform:translate(120px,130px) rotate(14deg)}95%{-webkit-transform:translate(120px,130px) rotate(-2deg);transform:translate(120px,130px) rotate(-2deg)}to{-webkit-transform:translate(120px,130px) rotate(6deg);transform:translate(120px,130px) rotate(6deg)}}}@media (min-width:1001px){.Home{width:90vw}}.Home.Dark{background-color:#0c0c0c}.Home.Dark .Hint{color:#f6f6f6;-webkit-filter:drop-shadow(1px 1px 2px #717171);filter:drop-shadow(1px 1px 2px #717171)}.Home.Dark .MichaelHochreiter{color:#fff}.Home.Light{background-color:#f6f6f6}.Home.Light .Hint{color:#f6f6f6;-webkit-filter:drop-shadow(1px 1px 2px #717171);filter:drop-shadow(1px 1px 2px #717171)}.Home.Light .MichaelHochreiter{color:#050505}@media (min-width:320px){.ControlsWrapper{bottom:0;flex-direction:column;height:100px;justify-content:center;padding:20px;position:fixed;z-index:10}.Controls,.ControlsWrapper{align-items:center;display:flex;width:100%}.Controls{flex-direction:row;justify-content:space-between;max-width:400px}.Questionmark{border-radius:8px;cursor:pointer;font-size:3em;height:46px;margin:12px;width:46px}.Questionmark .IconWrapper{-webkit-transform:translate(11px,-12px);transform:translate(11px,-12px)}.Brushes{border-radius:8px;cursor:pointer;display:flex;flex-direction:row;height:60px;width:180px;z-index:0}.Brushes .IconWrapper{height:60px;padding:6px;width:60px}.Brushes .Bar{border-radius:8px;height:54px;margin:3px;position:absolute;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:54px;z-index:-5}.Brushes .Bar.klee{-webkit-transform:translate(0);transform:translate(0)}.Brushes .Bar.mushroom{-webkit-transform:translate(60px);transform:translate(60px)}.Brushes .Bar.dandelion{-webkit-transform:translate(120px);transform:translate(120px)}.Clear{border-radius:8px;cursor:pointer;height:46px;margin:12px;width:46px}.Clear .ClearBar{height:3px;margin:0 7px}.Clear .b1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Clear .b2{-webkit-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg)}.Clear .IconWrapper{-webkit-transform:translateY(22px);transform:translateY(22px)}.Controls svg{border-radius:6px}.HelpText{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;pointer-events:none;position:fixed;width:100%;z-index:10}.HelpText .HelpTextWrapper{border-radius:10px;font-size:1.3em;font-weight:400;margin:0 0 100px;padding:4px 10px 7px;text-align:center}.HelpText p.ControlsPlanet{margin:0 0 14px}.HelpText p.ControlsLifeForm{margin:0}}@media (min-width:781px){.ControlsWrapper{position:fixed;right:0;width:92px}.Controls,.ControlsWrapper{flex-direction:column;height:100%}.Controls{align-items:center;display:flex;justify-content:space-between;max-height:270px;width:46px}.Questionmark{font-size:2em;font-weight:400;height:34px;margin:6px;width:34px}.Questionmark .IconWrapper{-webkit-transform:translate(10px,-6px);transform:translate(10px,-6px)}.Brushes{border-radius:8px;flex-direction:column;height:138px;width:46px}.Brushes .IconWrapper{height:46px;padding:5px;width:46px}.Brushes .Bar{border-radius:6px;height:40px;margin:3px;width:40px}.Brushes .Bar.klee{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.Brushes .Bar.mushroom{-webkit-transform:translateY(46px);transform:translateY(46px)}.Brushes .Bar.dandelion{-webkit-transform:translateY(92px);transform:translateY(92px)}.Clear{height:34px;margin:6px;width:34px}.Clear .ClearBar{height:2px;margin:0 7px}.Clear .b1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Clear .b2{-webkit-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg)}.Clear .IconWrapper{-webkit-transform:translateY(17px);transform:translateY(17px)}.HelpText{flex-direction:row;width:85vw}.HelpText .HelpTextWrapper{margin:0 100px 0 0}}@media (min-width:1001px){.HelpText{width:90vw}}.Controls.Dark .Brushes{background-color:#101010}.Controls.Dark .Questionmark{background-color:#101010;color:#ebebeb}.Controls.Dark .Questionmark:active{color:#ebebeb}.Controls.Dark .Clear:active .ClearBar,.Controls.Dark .ClearBar{background-color:#ebebeb}.Controls.Dark .Bar{background-color:#fff}.Controls.Dark .Clear{background-color:#101010}.HelpText.Dark{color:#ebebeb}.HelpText.Dark .HelpTextWrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.Controls.Light .Brushes{background-color:#ebebeb}.Controls.Light .Questionmark{background-color:#ebebeb;color:#171717}.Controls.Light .Questionmark:active{color:#171717}.Controls.Light .Clear:active .ClearBar,.Controls.Light .ClearBar{background-color:#171717}.Controls.Light .Bar{background-color:#050505}.Controls.Light .Clear{background-color:#ebebeb}.HelpText.Light{color:#171717}.HelpText.Light .HelpTextWrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.SceneLoader{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin-top:10px;position:absolute;top:0;width:100%}.SceneLoader .LoaderText{margin:6px}.SceneLoader.Dark p.LoaderText{color:#333}.SceneLoader.Light p.LoaderText{color:#a9a9a9}@media (min-width:320px){.About{position:absolute}.About .Portrait{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0;position:fixed;top:-5vh;width:100%}@-webkit-keyframes wiggle{0%{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}80%{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}85%{-webkit-transform:translate(-80px) rotate(14deg);transform:translate(-80px) rotate(14deg)}95%{-webkit-transform:translate(-80px) rotate(-2deg);transform:translate(-80px) rotate(-2deg)}to{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}}@keyframes wiggle{0%{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}80%{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}85%{-webkit-transform:translate(-80px) rotate(14deg);transform:translate(-80px) rotate(14deg)}95%{-webkit-transform:translate(-80px) rotate(-2deg);transform:translate(-80px) rotate(-2deg)}to{-webkit-transform:translate(-80px) rotate(6deg);transform:translate(-80px) rotate(6deg)}}.About .Portrait .Hint{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation:wiggle 3s infinite;animation:wiggle 3s infinite;border-radius:10px;font-size:1.4em;font-style:italic;font-weight:600;padding:0 6px 2px;pointer-events:none;position:absolute;top:38vh;z-index:20}.About .Portrait .CanvasWrapper{background-color:initial;box-sizing:initial;cursor:move;height:50vh;width:100%}.About .Bio{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:initial;border-radius:12px;margin:43vh 20px 20px;padding:20px 20px 200px}.About .Bio .PullBarWrapper{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.About .Bio .PullBar{border-radius:2px;height:4px;margin:0 0 4px;padding:0;width:40%}.About .Bio h1{font-size:11vw;font-weight:600;margin-bottom:0;margin-top:0}.About .Bio h3{font-size:1.5em;font-weight:600;margin-bottom:10px;margin-top:25px}.About .Bio h4{font-size:1.4em;font-weight:600;margin-bottom:60px;margin-top:4px}.About .Bio p{font-size:1.2em;font-weight:400;margin:0}.About .Bio span.C{font-size:1.6em;font-weight:400}.About .Bio span.Book{font-style:italic}}@media (min-width:581px){.About .Bio h1{margin-bottom:0}.About .Bio h3{font-size:1.6em}.About .Bio h4{font-size:1.5em;margin-bottom:70px;margin-top:0}.About .Bio p{font-size:1.25em}.About .Bio span.C{font-size:1.6em}}@media (min-width:781px){.About{position:relative}.About .Portrait{width:85vw}.About .Bio{margin:43vh 20px 20px}.About .Bio h1{font-size:9vw}.About .Bio h3{font-size:1.5em}.About .Bio h4{font-size:1.3em;margin-bottom:60px}.About .Bio p{font-size:1.2em}.About .Bio span.C{font-size:1.6em}}@media (min-width:1001px){.About{width:90vw}.About .Portrait{flex-direction:column;justify-content:center;right:-20vw;top:-6vh;width:-webkit-min-content;width:min-content}.About .Portrait .CanvasWrapper{height:100vh;width:80vw}@-webkit-keyframes wiggle{0%{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}80%{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}85%{-webkit-transform:translate(120px) rotate(14deg);transform:translate(120px) rotate(14deg)}95%{-webkit-transform:translate(120px) rotate(-2deg);transform:translate(120px) rotate(-2deg)}to{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}}@keyframes wiggle{0%{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}80%{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}85%{-webkit-transform:translate(120px) rotate(14deg);transform:translate(120px) rotate(14deg)}95%{-webkit-transform:translate(120px) rotate(-2deg);transform:translate(120px) rotate(-2deg)}to{-webkit-transform:translate(120px) rotate(6deg);transform:translate(120px) rotate(6deg)}}.About .Portrait .Hint{top:47vh}.About .Bio{-webkit-backdrop-filter:none;backdrop-filter:none;margin-left:7vw;margin-top:5vw;padding-bottom:8vw;position:relative;width:54vw}.About .Bio h1{font-size:7vw}.About .Bio h3{font-size:1.6em}.About .Bio h4{font-size:1.5em;margin-bottom:60px}.About .Bio p{font-size:1.3em}.About .Bio span.C{font-size:1.6em}}@media (min-width:1281px){.About .Bio{margin-left:9vw;margin-top:5vw;padding-bottom:8vw;width:44vw}.About .Bio h1{font-size:5.8vw}.About .Portrait{right:-17vw}}.About.Dark{background-color:#191919}.About.Dark .PullBar{background-color:#101010}.About.Dark h1{color:#fff}.About.Dark h3{color:#c8c8c8}.About.Dark h4,.About.Dark span{color:#ebebeb}.About.Dark .Book,.About.Dark p{color:#a5a5a5}.About.Dark .Hint{color:#7656eb;-webkit-filter:drop-shadow(1px 1px 4px #191919);filter:drop-shadow(1px 1px 4px #191919)}.About.Dark a{color:#7656eb;text-decoration:none}.About.Dark a:active{color:#342569}.About.Dark a:hover{text-decoration:underline}.About.Light{background-color:#f6f6f6}.About.Light .PullBar{background-color:#ebebeb}.About.Light h1{color:#050505}.About.Light h3{color:#1f1f1f}.About.Light h4,.About.Light span{color:#171717}.About.Light .Book,.About.Light p{color:#2c2c2c}.About.Light .Hint{color:#08ca46;-webkit-filter:drop-shadow(1px 1px 2px #f6f6f6);filter:drop-shadow(1px 1px 2px #f6f6f6)}.About.Light a{color:#08ca46;text-decoration:none}.About.Light a:active{color:#0b8832}.About.Light a:hover{text-decoration:underline}.Preloader{align-items:center;background-color:#191919;color:#fff;display:flex;flex-direction:row;height:100vh;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100vw;z-index:100}.Preloader p{margin:0 5px}.Preloader .Miho{font-size:1.75em;font-weight:600;transition:-webkit-transform .4s ease-in;transition:transform .4s ease-in;transition:transform .4s ease-in,-webkit-transform .4s ease-in}.Preloader .Miho,.Preloader .Port{transition-duration:.4s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;transition-timing-function:ease-in}.Preloader .Port{font-size:1.7em;font-weight:100}.Preloader.disabled{opacity:0}.Preloader.out .Miho{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.Preloader.out .Port{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}@media (min-width:781px){.App{grid-gap:0 0;display:grid;grid-template-areas:"left right";grid-template-columns:1.5fr 8.5fr;margin:0}.App .page{grid-area:right}.App .bar{grid-area:left}.App .background{height:100vh;left:0;position:fixed;top:0;width:100vw}}@media (min-width:1001px){.App{grid-template-columns:1fr 9fr}}.App.Dark{background-color:#191919}.App.Dark ::selection{background-color:#7656eb}.App.Light{background-color:#f6f6f6}.App.Light ::selection{background-color:#00ff51}.darkBody{background-color:#191919}.lightBody{background-color:#f6f6f6}
/*# sourceMappingURL=main.dd5b7a0e.css.map*/