header .header-wrapper section,header .header-wrapper section #language-changer{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox}#portfolios .project-card,header{background-repeat:no-repeat;background-size:cover}.imprint a,a,button{cursor:pointer}@font-face{font-family:pixel;src:url(../fonts/Silkscreen/slkscrb.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter.ttf) format("truetype");font-display:swap}@font-face{font-family:pixelTwo;src:url(../fonts/Silkscreen/slkscre.ttf) format("truetype");font-display:swap}@font-face{font-family:air;src:url(../fonts/Air/air.ttf) format("truetype");font-display:swap}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/Nunito/static/Nunito-ExtraBold.ttf) format("truetype")}*{margin:0;padding:0;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;text-decoration:none!important;border:0;border-radius:0!important;font-size:62.5%;font-family:Inter,sans-serif;list-style-type:none!important;outline:0}::-moz-selection{background-color:#4caf50}::selection{background-color:#4caf50}body,html{overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}b,h1{font-size:6rem;color:#fff}img{width:auto;height:auto}#footer,#what-i-do,.imprint,.my-work,header{width:100vw}header{max-height:100vh;background-color:#121212;background-image:url("../images/coding.webp");background-position-x:-1vw;background-position-y:0px}header .header-wrapper{width:95vw;margin:2.5vw auto;height:calc(100vh - 5vw);-webkit-box-shadow:0 0 0 16vw #fff!important;box-shadow:0 0 0 16vw #fff!important;border-radius:4rem!important;overflow:hidden;-webkit-transition:.5s;transition:.5s;background-color:rgba(0,0,0,.7)}header .header-wrapper section{width:100%;height:100%;background-color:transparent;position:relative;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}header .header-wrapper section #my-name{position:absolute;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-size:2.5rem;z-index:10;width:100%;text-align:center}header .header-wrapper section #me{position:absolute;top:0;left:0;width:40%;-webkit-transform:rotate(180deg) translateY(100%);transform:rotate(180deg) translateY(100%);-webkit-transition:.3s cubic-bezier(.175, .885, .32, 1.275);transition:.3s cubic-bezier(.175, .885, .32, 1.275)}#krizovky .game-box-wrapper .game-show-box div img,header .header-wrapper section #me img{width:100%}header .header-wrapper section #me.show{-webkit-transform:rotate(180deg) translateY(10%);transform:rotate(180deg) translateY(10%)}header .header-wrapper section #language-changer{padding:.3rem 0 0;background-color:rgba(255,255,255,.73);border-radius:1rem!important;z-index:100;position:absolute;top:1.5rem;right:2rem;overflow:hidden;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0;cursor:pointer}header .header-wrapper section #language-changer .set-language{font-size:3rem;padding:0 .5rem;line-height:3rem;border-bottom:1px solid #909090}header .header-wrapper section #language-changer .lang-form button{font-size:3rem;width:100%;text-align:center;background-color:transparent}header .header-wrapper section #language-changer menu{height:0;overflow:hidden;-webkit-transition:.3s;transition:.3s}header .header-wrapper section #language-changer menu.open{height:15.7rem}#contact #or,header .header-wrapper section #language-changer .arrow-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#what-i-do,header .header-wrapper section aside{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}header .header-wrapper section #language-changer .arrow-box svg{stroke:#121212}header .header-wrapper section aside{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:19vh 5vw 8vw}#krizovky .more-projects,#what-i-do,#what-i-do article,header .header-wrapper section footer{display:-webkit-box;display:-ms-flexbox}header .header-wrapper section aside .work-info{width:100%;padding:2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:4;opacity:0;-webkit-transition:.3s;transition:.3s}header .header-wrapper section aside .work-info.show,header .header-wrapper section aside h1.show,header .header-wrapper section footer button.show{opacity:1}header .header-wrapper section aside .work-info .switch-container{display:inline;position:relative;margin-right:.7rem;height:4.3rem;overflow:hidden;width:-webkit-min-content;width:-moz-min-content;width:min-content}header .header-wrapper section aside .work-info p{color:#fff;font-size:3.5rem}header .header-wrapper section aside .work-info span{font-size:3.5rem;display:block;position:relative;-webkit-transition:.5s;transition:.5s;color:#fff}header .header-wrapper section aside .work-info span#app,header .header-wrapper section aside .work-info span#web{top:0}header .header-wrapper section aside .work-info span#app{letter-spacing:1.5px}header .header-wrapper section aside .work-info span#app.moved-up,header .header-wrapper section aside .work-info span#web.moved-up{top:-4.3rem}header .header-wrapper section aside h1{text-align:center;opacity:0;-webkit-transition:.3s;transition:.3s;font-size:6.2rem;line-height:8.2rem}header .header-wrapper section aside h1 .narrow{display:inline}header .header-wrapper section footer{width:100%;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 19vw}header .header-wrapper section footer button{font-size:3rem;padding:1.2rem 2rem;background-color:transparent;margin:0 1rem;border-radius:1.5rem!important;-webkit-transition:.3s;transition:.3s;opacity:0;color:#fff;text-decoration:underline!important;text-underline-offset:1rem}header .header-wrapper section footer button:hover{-webkit-transform:scale(.95);transform:scale(.95);background-color:#fff;color:#000}#what-i-do{padding:0 5vw;margin:16rem auto 8rem;display:flex;flex-direction:column;gap:0;background-color:#0c0c0b}#what-i-do h1{color:#121212;text-align:center;font-size:5rem}#what-i-do p,.imprint p{font-size:2rem;line-height:3rem}#what-i-do article{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;padding:3rem;background:#0e100d;border-radius:1rem!important;position:relative;color:#fff;width:88%;margin:0 auto;border:1px solid #555;top:-7rem}#what-i-do article:first-of-type{border-bottom:none;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding-bottom:2.5rem;-webkit-box-shadow:#00000087 0 0 30px;box-shadow:#00000087 0 0 30px}#what-i-do article:nth-of-type(2){width:100%;border-color:#4caf50;padding:4rem 3rem}#what-i-do article:last-of-type{border-top:none;border-top-left-radius:0!important;border-top-right-radius:0!important;padding-top:2.5rem;-webkit-box-shadow:#00000087 0 0 30px;box-shadow:#00000087 0 0 30px}#what-i-do article h2{font-size:2rem}#what-i-do article p{font-size:1.8rem}#krizovky{background-color:#161414;padding:8rem 0;position:relative}#krizovky .more-projects{color:#fff;font-size:1.8rem;text-align:center;margin-bottom:4rem;position:absolute;top:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:pixel;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#krizovky .more-projects svg{width:2rem;margin-bottom:.3rem}#krizovky .title{font-family:pixel;font-size:4.5rem;color:#fff;text-align:center;padding:0 3rem 2rem}#krizovky .description{color:#fff;font-family:pixelTwo;text-align:center;font-size:2rem;line-height:150%;padding:0 1rem 4rem}#krizovky .visit-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 3rem}#krizovky .description{display:none}#krizovky .visit{font-family:pixelTwo;font-size:2.2rem;color:#000!important;display:inline-block;padding:2rem;margin:0 auto;width:100%;text-align:center;background-color:#f57249;border:.2rem solid #fff;border-radius:1rem!important;-webkit-transition:.3s;transition:.3s}#krizovky .button-box button.white,#krizovky .visit.white{color:#fff!important}#krizovky .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 2rem 3rem}#krizovky .button-box button{-webkit-transition:.3s;transition:.3s;background-color:#f57249;border-radius:1rem!important;border:.2rem solid #f57249;font-size:1.8rem;color:#000;font-family:pixel;height:5rem;padding:.2rem 1rem;margin:1rem 1rem 0}#krizovky .button-box button img{width:2.5rem}#krizovky .button-box button#placeholder{font-size:0}#krizovky .button-box .set{border-color:#fff}#krizovky .game-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#krizovky .game-box .down{display:-webkit-box;display:-ms-flexbox;display:flex}#krizovky .game-box .up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:-1rem}#krizovky .game-box .up p{width:3rem;font-size:1.8rem;text-align:center;line-height:2.5rem;color:#fff;overflow:hidden;font-family:pixel}#krizovky .game-box .number-left-box{margin:2.5rem 0 5rem;padding-right:1rem;padding-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#krizovky .game-box .number-left-box p{word-break:keep-all;white-space:nowrap;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.8rem;color:#fff;overflow:hidden;font-family:pixel}#krizovky .game-box #game,#krizovky .game-box-wrapper .game-show-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}#krizovky .game-box #game{-webkit-transition:.3s;transition:.3s;width:auto;flex-direction:column;margin:2rem 0 5rem;border:.5rem solid #f57249;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#krizovky .game-box #game .game-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#krizovky .game-box #game .game-row .rect{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:3rem;height:3rem;background-color:#fff;border:1px solid #ddd}#krizovky .game-box #game .game-row .rect:nth-of-type(5n){border-right-color:#0e0c0c!important}#krizovky .game-box #game .game-row:nth-of-type(5n) .rect{border-bottom-color:#0e0c0c!important}#krizovky .game-box #game .game-row .black{border-color:#0e0c0c;background-color:#0e0c0c}#krizovky .game-box #game .game-row .gray{border-color:#ddd;background-color:#ddd}#krizovky .game-box-wrapper{width:100%;display:-ms-grid;display:grid;margin:0 auto 8rem;-ms-grid-columns:23% 23% 23% 23%;grid-template-columns:23% 23% 23% 23%;grid-gap:2%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#krizovky .game-box-wrapper ::-moz-selection{background-color:#161414}#krizovky .game-box-wrapper ::selection{background-color:#161414}#krizovky .game-box-wrapper .game-show-box{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;border:1px solid #fff;border-radius:1rem;padding:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s}#krizovky .game-box-wrapper .game-show-box div,.imprint{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}#krizovky .game-box-wrapper .game-show-box:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}#krizovky .game-box-wrapper .game-show-box div{display:block;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#drive2 article,#krizovky .game-box-wrapper .game-show-box p{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}#krizovky .game-box-wrapper .game-show-box p{font-size:2rem;display:flex;-ms-flex-align:center;align-items:center}#krizovky .game-box-wrapper .game-show-box p img{width:1rem;margin-right:1rem}#krizovky .game-box-wrapper .game-show-box h2{font-size:2rem;word-break:break-all}#krizovky .game-box-wrapper .game-show-box .creator{font-size:1rem;font-family:pixelTwo;text-align:center;line-height:2rem;margin-bottom:1rem}#krizovky #win{display:none;position:fixed;top:0;left:0}#drive2{position:relative;border-bottom-left-radius:4rem!important;border-bottom-right-radius:4rem!important;margin-bottom:-5rem;overflow:hidden}#drive2 #drive-recording{width:100%;z-index:-1;background:#fff}#drive2 article{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(0,0,0,.3)}#drive2 article h1{display:inline-block;font-family:air;text-align:center;color:#000;background-color:#fff;padding:2rem 5rem}#drive2 article p{font-size:2.5rem;padding:5rem 3rem;color:#fff;text-align:center;font-family:Nunito}#drive2 article div .download{display:inline-block;background-color:#fff;padding:2.5rem;border-radius:1rem!important;margin:0 1rem;-webkit-transition:.3s cubic-bezier(.175, .885, .32, 2.575);transition:.3s cubic-bezier(.175, .885, .32, 2.575);font-size:0!important}#drive2 article div .download:hover{-webkit-transform:scale(.95);transform:scale(.95)}#drive2 article div .download svg{-webkit-transform:scale(2);transform:scale(2)}#portfolios{padding:7rem 0}#portfolios h1{color:#121212;text-align:center;padding:0 5vw;font-size:5rem}#portfolios p{font-size:1.6rem;margin:0 7vw;font-style:italic;text-align:center}#portfolios .project-box{margin-top:6rem;overflow:scroll hidden;white-space:nowrap;padding-left:5vw;padding-bottom:3rem;padding-top:2rem;-ms-overflow-style:none;scrollbar-width:none}#portfolios .project-box::-webkit-scrollbar{display:none}#portfolios .project-card{display:inline-block;width:30rem;aspect-ratio:1.5/1;position:relative;border:.5rem solid #121212;border-radius:1rem!important;margin-right:5vw;background-position:center center;-o-object-fit:cover;object-fit:cover;overflow:visible}#portfolios .project-card::before{content:"Laravel, JS, SCSS";position:absolute;top:-2rem;right:.8rem;font-size:1rem;color:#121212;margin:0!important}#portfolios .project-card#project-krizovky:hover .project-visit,#portfolios .project-card:hover .project-visit{background-color:#000}#portfolios .project-card img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1.5/1;width:100%;margin-bottom:-1.5px}#portfolios .project-card .project-visit{position:absolute;bottom:0;right:0;padding:.8rem 1.2rem;font-size:1.6rem;border-radius:.5rem!important 0 0!important;background-color:rgba(0,0,0,.4);border-left:3px solid #121212;border-top:3px solid #121212;color:#fff;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.7rem}#portfolios .project-card .project-visit svg{width:1.5rem}#portfolios .project-card#project-event,#portfolios .project-card#project-event .project-visit{border-color:#ffeb3b}#portfolios .project-card#project-event .project-visit img{width:5rem;aspect-ratio:auto}#portfolios .project-card#project-egbon,#portfolios .project-card#project-egbon .project-visit{border-color:#342f37}#portfolios .project-card#project-egbon::before{content:"Laravel, SCSS, jQuery"}#portfolios .project-card#project-egbon:hover .project-visit{background-color:#342f37}#contact,#portfolios .project-card#project-zeichnen:hover .project-visit{background-color:#121212}#portfolios .project-card#project-zeichnen::before{content:"HTML, CSS, JS"}#portfolios .project-card#project-diploma{border-color:#ff682d}#portfolios .project-card#project-diploma::before{content:"Laravel, Vue.js"}#portfolios .project-card#project-diploma:hover .project-visit{background-color:#222}#portfolios .project-card#project-dralbin,#portfolios .project-card#project-dralbin .project-visit{border-color:#706363}#portfolios .project-card#project-dralbin::before{content:"Wordpress, Elementor"}#portfolios .project-card#project-asbaustoffe,#portfolios .project-card#project-asbaustoffe .project-visit{border-color:#88d7dc}#portfolios .project-card#project-krizovky{border-color:#dd7d5a}#portfolios .project-card#project-krizovky .project-visit{border-color:#dd7d5a;background-color:rgba(0,0,0,.7)}#portfolios .project-card#your-project{color:#121212;border-color:#4caf50;position:relative;vertical-align:top}#portfolios .project-card#your-project::before{content:""}#portfolios .project-card#your-project div{width:100%;height:100%;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#contact #or h1::after,#contact #or h1::before{position:absolute;content:"";width:8rem;height:.7rem;border-radius:.5rem!important;top:50%}#portfolios .project-card#your-project div p{font-style:normal!important;font-size:6rem;line-height:6.5rem;text-align:left!important;margin:0!important}#contact{padding:15rem 2rem 18rem}#contact #me_following,#footer aside,#load-wrapper{display:none}#contact h1{text-align:center;font-size:6.5rem;color:#fff}#contact h1.short{font-size:5.5rem}#contact #call,#contact #email{width:70%;margin:8rem auto 2.5rem;display:block;text-align:center;padding:1.3rem;-webkit-box-shadow:0 0 0 .6rem #fff!important;box-shadow:0 0 0 .6rem #fff!important;color:#fff;font-size:3rem;border-radius:1rem!important;background-color:#121212}#contact #call svg,#contact #email svg{width:3rem;height:3rem;margin-bottom:-.25rem;fill:white}#contact #email{margin:3.5rem auto}#contact #call-text{font-size:0;-webkit-transition:.3s;transition:.3s;text-align:center;color:#fff}#contact #call-text.show{font-size:2rem!important}#contact #or h1{display:inline;position:relative;overflow:visible;font-size:5rem}#contact #or h1::after{background-color:#4caf50;right:8rem}#contact #or h1::before{background-color:#fff;left:8rem}#contact #or h1.short::after{width:4rem;right:12rem}#contact #or h1.short::before{width:4rem;left:12rem}#footer{background:#fff;border-top-left-radius:4rem!important;border-top-right-radius:4rem!important;margin-top:-8rem;z-index:10;padding:6rem 7vw}#footer h1{text-align:center;font-size:3rem;color:#121212;margin-bottom:6rem}#footer ul a{color:#121212;font-size:1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3rem}#footer ul a svg{margin-right:2rem;width:3rem;height:3rem}#footer hr{width:100%;display:block;margin:5rem auto;background-color:#515151;height:.2rem;border-radius:.25rem!important}#footer div,.imprint,.imprint ul{display:-webkit-box;display:-ms-flexbox}#footer div{display:flex;-ms-flex-pack:distribute;justify-content:space-around}#footer div a{font-size:1.6rem;color:#515151}.imprint{padding:6rem 6vw 8rem;display:flex;flex-direction:column;gap:2rem}.imprint h1{color:#121212;font-size:3rem!important}.imprint article{padding:2rem}.imprint article:nth-of-type(odd){background-color:#f5f2f2;border-radius:1rem}.imprint a{font-size:2rem;color:#4caf50}.imprint h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.imprint ul{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.imprint ul li{font-size:2.3rem}@media only screen and (max-width:350px){#krizovky .button-box button{font-size:1.6rem}}@media only screen and (max-width:375px){*{font-size:54%}}@media only screen and (max-height:540px){*{font-size:42%}header aside h1{font-size:5rem!important;line-height:7rem!important}}@media only screen and (min-width:550px){#me{width:40%!important}#krizovky .title{font-size:5rem}#krizovky .visit{max-width:320px}}@media only screen and (min-width:660px){header .header-wrapper section{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .header-wrapper section #me{width:25%!important}header .header-wrapper section aside{padding:5vh 5vw}header .header-wrapper section aside h1{font-size:7rem;line-height:9rem}#krizovky .title,#portfolios h1,header .header-wrapper section aside h1 b{font-size:7rem}header .header-wrapper section footer{margin-bottom:0}header .header-wrapper section footer button{font-size:3.2rem}#krizovky{padding:8rem 0 9rem}#krizovky .visit{max-width:320px}#contact{padding:20rem 2rem 23rem}#contact .lets-talk{font-size:9rem;margin-bottom:4rem}#contact #call,#contact #email{font-size:4rem!important;max-width:450px;background-color:transparent}#contact #call svg,#contact #email svg{width:3.6rem;height:3.6rem}#footer h1{font-size:4rem}}@media only screen and (min-width:800px){#drive2{background-image:url("../images/drive.webp");background-repeat:no-repeat;background-position:cover;background-size:cover}#drive2 #drive-recording,#drive2 #gray-drive{width:50%;border-bottom-left-radius:4rem!important;border-bottom-right-radius:4rem!important}#drive2 #gray-drive{-webkit-transition:.3s;transition:.3s;border:.3rem solid #fff;border-top:0}#drive2 #gray-drive div,#drive2 #gray-drive h1,#drive2 #gray-drive p{display:none}#drive2 #gray-drive:hover{cursor:pointer;background-color:transparent}#drive2 #right-drive{width:50%;left:50%;background-color:transparent}}@media only screen and (min-width:900px){#footer article aside form,#krizovky .wrapper aside:first-of-type{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical}#contact,#footer,#footer div a{position:relative}#what-i-do,.imprint ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal}#footer article aside form,#what-i-do,.imprint ul{-webkit-box-direction:normal}header .header-wrapper{width:90vw;margin:5vw auto;height:calc(100vh - 10vw)}header .header-wrapper section{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}header .header-wrapper section #my-name{top:calc(100% - 6rem);left:calc(100% - 10vw - 2rem)}header .header-wrapper section #me{bottom:0!important;right:0!important;left:auto;top:auto;-webkit-transform:rotate(0) translateY(100%);transform:rotate(0) translateY(100%);width:30%!important}header .header-wrapper section #me.show{-webkit-transform:rotate(0) translateY(10%)!important;transform:rotate(0) translateY(10%)!important}header .header-wrapper section aside{padding:1vw 5vw 2vw}header .header-wrapper section aside .work-info{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}header .header-wrapper section aside .work-info .switch-container{height:4.3rem}header .header-wrapper section aside .work-info span#app.moved-up,header .header-wrapper section aside .work-info span#web.moved-up{top:-4.3rem}header .header-wrapper section aside h1{font-size:9rem;line-height:11.5rem;text-align:left}header .header-wrapper section aside h1 b{font-size:9rem}#footer article aside,#krizovky .wrapper .description,header .header-wrapper section aside h1 .narrow{display:block}header .header-wrapper section footer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 5rem}header .header-wrapper section footer button{font-size:4rem}#what-i-do{-ms-flex-direction:row;flex-direction:row;gap:0;height:auto!important;margin-top:10rem!important;margin-bottom:0;background-color:transparent}#what-i-do article{border-radius:1.5rem!important;padding:4rem!important;-webkit-box-shadow:none;box-shadow:none;top:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#what-i-do article:first-of-type{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}#what-i-do article:nth-of-type(2){-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}#what-i-do article:last-of-type{border-top-right-radius:1rem!important;border-top-left-radius:1rem!important}#krizovky{padding:10rem 0}#krizovky .more-projects{top:4rem}#krizovky .title{font-size:9rem;padding-bottom:7rem}#krizovky .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#krizovky .wrapper aside:first-of-type{margin-left:-8vw;display:flex;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-right:9vw}#krizovky .wrapper aside:first-of-type .button-box{margin-top:-1rem}#krizovky .wrapper aside:last-of-type{max-width:30%}#krizovky .wrapper .description p{font-size:2.5rem;line-height:3.5rem;font-family:pixelTwo}#drive2{z-index:20}#portfolios{padding:12rem 0}#portfolios h1{font-size:8rem}#portfolios p{max-width:70rem;font-size:3rem;margin:6rem auto 0}#portfolios p.scroll-info{display:none}#portfolios .project-box{display:-ms-grid;display:grid;-ms-grid-columns:calc(50% - 1.25vw) calc(50% - 1.25vw);grid-template-columns:calc(50% - 1.25vw) calc(50% - 1.25vw);gap:2.5vw;padding:2rem 5vw 0;max-width:100rem;margin:8rem auto 0}#portfolios .project-box .project-card{margin:0;width:auto}#footer{padding-top:8rem}#footer h1{margin-bottom:8rem;font-size:6rem}#footer hr{margin:8rem auto}#footer div{max-width:80rem;margin:auto}#footer div a::after{content:"";display:block;width:0%;position:absolute;bottom:-.3rem;-webkit-transition:.3s;transition:.3s;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:1px;background-color:#121212}#footer div a:hover::after{width:100%}#footer article{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:90rem;margin:auto}#footer article ul li{border-radius:1rem!important}#footer article ul li a{margin:0;-webkit-transition:.3s;transition:.3s;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer article ul li:hover{background-color:#acacac33}#footer article aside form{display:flex;gap:1rem;-ms-flex-direction:column;flex-direction:column;min-width:320px}#footer article aside form button,#footer article aside form input,#footer article aside form textarea{width:100%;font-size:1.8rem;padding:1.5rem 1rem;border-radius:1rem!important;border:.2rem solid #121212;-webkit-transition:.3s;transition:.3s;cursor:pointer}#footer article aside form button:focus,#footer article aside form button:hover,#footer article aside form input:focus,#footer article aside form input:hover,#footer article aside form textarea:focus,#footer article aside form textarea:hover{border-color:#4caf50}#footer article aside form button:active,#footer article aside form input:active,#footer article aside form textarea:active{-webkit-transform:scale(1.1);transform:scale(1.1)}#footer article aside form textarea{height:12rem;resize:none}#footer article aside form button{background-color:#121212;color:#fff;border:3px solid #fff;position:relative;-webkit-transition:.3s ease-out;transition:.3s ease-out}#footer article aside form button:focus,#footer article aside form button:hover{background-color:#fff;color:#121212;border-color:#121212}#contact #me_following{display:block;width:20%;position:absolute;bottom:-1.5vw;left:0}#contact #me_following img{width:100%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#contact #me_following .eye{position:absolute;width:12%;aspect-ratio:1/0.9;border-radius:50%!important;overflow:hidden;background-color:#fff;border:.2rem solid #121212;top:27%;left:51%;-webkit-transition:.3s;transition:.3s}#contact #me_following .eye.interested{aspect-ratio:1/1}#contact #me_following .eye:first-of-type{left:32%}#contact #me_following .brow{position:absolute;left:50%;top:26%;opacity:0;background-color:transparent;border-radius:50%!important;border:.3rem solid transparent;border-top-color:#121212;width:15%;aspect-ratio:1/1;-webkit-transition:.3s;transition:.3s}#contact #me_following .brow.interested{opacity:1;top:24%}#contact #me_following .brow:nth-of-type(odd){left:31%!important}.imprint{padding:3rem 6vw 8rem}.imprint ul{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.imprint ul li{width:calc(50% - 1rem);display:block;font-size:2.8rem}}@media only screen and (min-width:1200px){#what-i-do{max-width:150rem}#portfolios p{font-size:3.5rem;max-width:90rem}#portfolios .project-box{max-width:130rem;margin:9rem auto 0;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}#drive2 #drive-recording,#drive2 #gray-drive{width:60rem}#drive2 #right-drive{left:60rem;width:calc(100% - 60rem)}#drive2 #right-drive h1{font-size:7rem!important}#drive2 #right-drive p{font-size:4rem;padding:6rem;max-width:100rem}#drive2 #right-drive .download{padding:4rem}#drive2 #right-drive .download svg{-webkit-transform:scale(3);transform:scale(3)}}