html{scroll-behavior:smooth}body{margin:0;padding:0;background:#fff;color:#373D49;font-family:OpenSans, serif;font-size:15px;line-height:2;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}body *{vertical-align:baseline;max-width:100%;box-sizing:border-box;margin:0;padding:0}@font-face{font-family:'OpenSans';font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/assets/fonts/OpenSans.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'OpenSans';font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/assets/fonts/OpenSansBold.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'OpenSans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/assets/fonts/OpenSansLight.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/assets/fonts/MaterialIcons.woff2) format("woff2")}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;vertical-align:top;font-feature-settings:'liga'}.material-icons:after{content:""}.material-input{position:relative;margin:2.25rem 0}.material-input textarea{min-height:5em;resize:vertical}.material-input input,.material-input textarea{background-color:transparent;font-family:'OpenSans';display:block;padding:0.125rem 0.125rem 0.0625rem;font-size:1rem;line-height:1.9;width:100%;box-shadow:none;border:none;outline:none}.material-input input.disabled,.material-input textarea.disabled{color:grey}.material-input input:not(:placeholder-shown):invalid ~ .control-label,.material-input textarea:not(:placeholder-shown):invalid ~ .control-label{color:red}.material-input input:not(:placeholder-shown):invalid ~ .bar,.material-input textarea:not(:placeholder-shown):invalid ~ .bar{border-bottom-color:red}.material-input input:focus ~ .control-label,.material-input input:not(:placeholder-shown) ~ .control-label,.material-input textarea:focus ~ .control-label,.material-input textarea:not(:placeholder-shown) ~ .control-label{font-size:0.8rem;color:gray;top:-1rem;left:0}.material-input input:focus:not(.disabled) ~ .control-label,.material-input textarea:focus:not(.disabled) ~ .control-label{color:#0e0e0e}.material-input input:focus:not(.disabled) ~ .bar::before,.material-input textarea:focus:not(.disabled) ~ .bar::before{width:100%;left:0}.material-input .control-label{position:absolute;top:0.25rem;pointer-events:none;padding-left:0.125rem;z-index:1;color:#888;font-size:1rem;font-weight:normal;transition:all .3s ease}.material-input .bar{position:relative;border-bottom:0.0625rem solid #999;display:block}.material-input .bar::before{content:'';height:0.125rem;width:0;left:50%;bottom:-0.0625rem;position:absolute;background:#0e0e0e;transition:left 0.3s ease, width 0.3s ease;z-index:2}.material-button{position:relative;display:block;margin:30px auto;padding:0;overflow:hidden;border-width:0;outline:none;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);background-color:#999;transition:background-color .3s}.material-button:hover,.material-button:focus{background-color:#888;box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.material-button span,.material-button button,.material-button .button{display:block;padding:12px 24px;width:100%;text-align:center;color:#0e0e0e}.material-button:not(.noRipple):before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:rgba(236,240,241,0.3);transform:translate(-50%, -50%)}.material-button:not(.noRipple):active:before{width:120%;padding-top:120%;transition:width .3s ease-out, padding-top .3s ease-out}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}p{margin-bottom:1.5em}code{display:block}ul,ol{margin-bottom:1.5em;padding-left:20px}button{background:none;border:none;outline:none}a{color:rgba(14,14,14,0.6);text-decoration:none;font-weight:bold;transition:all .3s ease}a:hover{color:#0e0e0e}.displayNone{display:none}.overflowHidden{overflow:hidden}.textCenter{text-align:center}body > header{position:fixed;top:0;left:0;width:100vw;z-index:100;background:#0e0e0e;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 5em;color:#fff;transition:all .3s ease;height:100px;overflow:hidden}header.hide{height:0}header h1{font-weight:normal}header .menuOpener{display:none;align-items:center;user-select:none;font-size:42px;margin-top:0.2em}header nav{display:flex;align-items:center;justify-content:space-around;width:18em}header nav a{font-size:1.2em;color:rgba(255,255,255,0.6)}header nav a:hover{color:#fff}header nav .mobile{display:none;}@media (max-width: 650px){header .menuOpener{display:block}header h1{flex:1}header nav{position:absolute;width:100%;left:0;top:150px;max-height:0;overflow:hidden;flex-direction:column;line-height:4em;justify-content:initial;transition:max-height .1s ease .1s}header nav .mobile{display:block;}header.navOpen{height:100%}header.navOpen nav{max-height:initial}}#container{width:100%}@keyframes scrollDown{0%{opacity:1;transform:rotate(45deg) translate(0px)}100%{opacity:0.7;transform:rotate(45deg) translate(3px, 3px)}}#home{height:100vh;width:100%;display:flex}#home .left,#home .right{width:50%;display:flex;align-items:center}@media (min-height: 550px){#home .left>div,#home .right>div{margin-top:-6rem}}#home .left{padding-right:10%;justify-content:flex-end;color:#0e0e0e}#home .left>div>h1{font-size:5em}#home .right{background:#0e0e0e;color:#fff;padding-left:10%}#home .scroll-down{width:80px;height:60px;position:absolute;bottom:20px;left:0;right:0;margin:auto;z-index:10;transition:all .3s ease}#home .scroll-down.hide{opacity:0;pointer-events:none}#home .scroll-down::before,#home .scroll-down::after{content:'';display:block;border-bottom:1px solid #0e0e0e;border-right:1px solid #fff;margin:auto;position:absolute;left:0;right:0;transform:rotate(45deg);animation:scrollDown 0.5s infinite alternate}#home .scroll-down::before{bottom:20px;width:40px;height:40px}#home .scroll-down::after{width:20px;height:20px;bottom:25px}@media (max-width: 580px){#home{flex-direction:column;justify-content:center;align-items:center}#home .left,#home .right{width:100%;height:100%;justify-content:center;padding:0}#home .left.left>div,#home .right.left>div{margin-top:3rem}#home .scroll-down::before,#home .scroll-down::after{border-bottom:1px solid #fff}}#projects{min-height:100vh;display:flex;justify-content:center;align-items:center}#projects>div{width:100%;max-width:1000px;padding:1em;margin-top:100px}#projects .project{display:flex;justify-content:space-between;margin:10vh 0;font-size:1.1em;flex-wrap:wrap}#projects .project .info,#projects .project .img{width:50%;min-width:300px;padding:1em}#projects .project .info h3,#projects .project .img h3{display:inline-block}@media (min-width: 630px){#projects .project:nth-child(2n){flex-direction:row-reverse}}@media (max-width: 630px){#projects .project{justify-content:center}#projects .project .info,#projects .project .img{width:100%}}#projects .project#SimpleLatex .img{display:flex;flex-direction:column;justify-content:center;align-items:center}#projects .project#SimpleLatex .img .material-input{max-width:60%}#contact{height:100vh;display:flex;justify-content:center;align-items:center;position:relative}#contact .social{display:flex;flex-wrap:wrap;justify-content:center}#contact .social a{display:flex;justify-content:center;align-items:center;width:100px;height:100px;position:relative;background:#000;margin:1em}#contact .social a .img{display:block;width:100%;height:100%;transition:.3s all ease-in-out}#contact .social a .bg{border-radius:0;display:block;height:0;left:50%;position:absolute;top:50%;transition:.3s all ease-in-out;width:0}#contact .social a.github .img{-webkit-mask:url(/assets/img/github.svg) no-repeat center;mask:url(/assets/img/github.svg) no-repeat center;background:#f92956}#contact .social a.github:hover .bg{background:#f92956}#contact .social a.mail .img{-webkit-mask:url(/assets/img/mail.svg) no-repeat center;mask:url(/assets/img/mail.svg) no-repeat center;background:#ec7007}#contact .social a.mail:hover .bg{background:#ec7007}#contact .social a.steemit .img{-webkit-mask:url(/assets/img/steemit.svg) no-repeat center;mask:url(/assets/img/steemit.svg) no-repeat center;background:#06d6a9}#contact .social a.steemit:hover .bg{background:#06d6a9}#contact .social a:hover .img{background:#fff}#contact .social a:hover .bg{width:100px;height:100px;margin:-50px -50px}#contact .footer{position:absolute;bottom:0;width:220px;font-size:1.1em}#contact .footer .legal{display:flex;justify-content:space-between}#contact .footer .legal a{color:#373D49}#contact .footer .legal a:hover{color:#0e0e0e}#contact .footer h3{text-align:center}#imprint{height:0;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%}#imprint:target{height:initial;overflow:initial;min-height:100%}#imprint>div{max-width:600px;padding:1em;margin-top:100px}#imprint .summary{font-style:italic;margin-bottom:10em}