body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{font-family:"Neuton",serif;font-size:16px;line-height:1.7;color:#000;box-sizing:border-box;overflow-x:hidden}.fixedNavBar{position:fixed;top:0;left:0;z-index:100;width:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:#0f0;display:flex;padding:1.5rem 1rem;justify-content:space-around;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:navbarAnimate .7s ease-out .8s forwards;animation:navbarAnimate .7s ease-out .8s forwards;transition:all .4s}.fixedNavBar>*{display:inline-block;border-radius:.5rem;background-color:#fff;padding:1.5rem 1rem;width:18%;text-align:center;font-weight:700;-webkit-animation:navbarLinksAnimate .4s ease-in 1.5s;animation:navbarLinksAnimate .4s ease-in 1.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative}.fixedNavBar>:hover{cursor:pointer}.fixedNavBar>:after{content:"";display:inline-block;position:absolute;background-color:#ef8b39;border-radius:2px;bottom:0;left:0;height:10%;width:0;transition:all .5s}.fixedNavBar>:hover:after{width:100%}.fixedNavBar>:active{outline:none}.fixedNavBar>.active:after{width:100%;background-color:#4d42ed;border-radius:2px}@-webkit-keyframes navbarAnimate{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}80%{background-color:#fff}to{-webkit-transform:translateX(0);transform:translateX(0);background-color:#0f0}}@keyframes navbarAnimate{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}80%{background-color:#fff}to{-webkit-transform:translateX(0);transform:translateX(0);background-color:#0f0}}@-webkit-keyframes navbarLinksAnimate{0%{opacity:0;padding:0;font-size:0;height:0}to{opacity:1;padding:.7rem 1rem;font-size:inherit;height:50%}}@keyframes navbarLinksAnimate{0%{opacity:0;padding:0;font-size:0;height:0}to{opacity:1;padding:.7rem 1rem;font-size:inherit;height:50%}}.user{height:100vh;background-color:#ef8b39}.fotoSection{height:100vh;display:flex;justify-content:space-between;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-animation:fotoSectionAnimate .5s forwards;animation:fotoSectionAnimate .5s forwards}.fotoSection__texts{flex:1 1;display:-ms-grid;display:grid;padding-left:5rem;-ms-grid-rows:(55px)[4] (minmax(20px,50px))[6];grid-template-rows:repeat(4,55px) repeat(6,minmax(20px,50px));-ms-grid-columns:(minmax(100px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-row-gap:.5rem}.fotoSection__texts--circle{-ms-grid-row:2;-ms-grid-row-span:2;grid-row:2/4;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;width:50%;-ms-grid-column-align:start;justify-self:start;margin-top:3rem}.fotoSection__texts--circle img{height:100%;width:100%}.fotoSection__texts--nameTop{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;-ms-grid-row-align:end;align-self:end;font-weight:700;font-size:3rem;height:60%;margin-left:27%;margin-bottom:-2rem}.fotoSection__texts--webentwicklerTop{-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;margin-left:27%;letter-spacing:.35rem;margin-top:2rem}.fotoSection__texts--nameMain{-ms-grid-row:5;-ms-grid-row-span:1;grid-row:5/6;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:2.5rem;-ms-grid-row-align:end;align-self:end;font-weight:400;font-style:italic;letter-spacing:.25rem;opacity:.7}.fotoSection__texts--webentwicklerMain{-ms-grid-row:6;-ms-grid-row-span:1;grid-row:6/7;-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4;font-size:4rem;font-weight:700;-ms-grid-row-align:end;align-self:end}.fotoSection__texts--description{grid-row:7/-1;grid-column:1/-1;width:80%;font-family:400;opacity:.7;font-size:2.5rem}.fotoSection__fotoContainer{width:40%}.fotoSection__fotoContainer img{width:100%;height:100%;object-fit:cover;display:block}@-webkit-keyframes fotoSectionAnimate{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fotoSectionAnimate{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.experiences{background-color:#e6e6e6}.experiences__headline{font-size:5rem;color:#0f0;text-align:center;padding:6rem 0 2rem}.experiences__border-bottom{height:1.2px;background-color:#000;width:70%;margin:auto;opacity:.5}.experiences__title{grid-column:1/-1;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;font-size:3rem;-ms-grid-row-align:start;align-self:start;color:#0f0;width:70%;margin:4rem auto -4rem}.education{width:70%;margin:auto;display:-ms-grid;display:grid;grid-gap:.5rem;-ms-grid-rows:(minmax(100px,min-content))[2];grid-template-rows:repeat(2,minmax(100px,-webkit-min-content));grid-template-rows:repeat(2,minmax(100px,min-content));-ms-grid-columns:(minmax(100px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.education:last-of-type{padding-bottom:3rem}.education__school,.education__subject{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;font-size:2.5rem;-ms-grid-row-align:end;align-self:end}.education__school{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}.education__subject{grid-column:4/-1}.education__date,.education__description{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-row-align:start;align-self:start;opacity:.6}.education__date{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:1.7rem}.education__description,.education__online{grid-column:4/-1;font-size:2rem}.education__online{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-row-align:end;align-self:end;color:#0f0;font-weight:300}.abilities{background-color:#fff!important}.abilities__title{margin-bottom:0!important}.abilities__icon{fill:#00ff2a;height:5rem;width:5rem;background-color:#0ff}.skillsContainer{width:70%;margin:3rem auto auto;display:-ms-grid;display:grid;-ms-grid-rows:(50px)[auto-fit];grid-template-rows:repeat(auto-fit,50px);-ms-grid-columns:(minmax(45%,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(45%,1fr));grid-auto-rows:50px;grid-column-gap:8rem;align-items:center}.skills{display:flex;justify-content:space-between;height:100%}.skills:hover{background-color:#f2f2f2}.skills__name{font-size:2rem;opacity:.6;display:flex;align-items:center}.skills__iconContainer{display:flex;list-style:none}.skills li{display:flex;align-items:center}.skills__icon{width:2rem;height:2rem;opacity:.6;transition:all .3s}.skills:hover .skills__icon{margin:0 2px}.projekte{width:70%;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(300px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;margin:2rem auto}.projekte__app{position:relative}.projekte__app .image-container{height:80%;background-color:#fff}.projekte__app .image-container img{height:100%;width:100%;object-fit:center}.projekte__app p{text-align:center;padding:.8rem 0;background-color:#999;color:#fff;font-size:2rem}.projekte__app:hover{cursor:pointer}.projekte__app:hover .project-link{opacity:1;pointer-events:visible;cursor:pointer}.projekte__app:hover .project-link__line{-webkit-transform:translateX(0);transform:translateX(0)}.project-link{position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.75);z-index:100;color:#fff;text-decoration:none;padding:3rem 15%;opacity:0;transition:all .4s;pointer-events:none;cursor:default}.project-link__headline{background-color:transparent!important;text-align:left!important}.project-link__line{height:3px;background-color:#fff;-webkit-transform:translateX(150%);transform:translateX(150%);transition:all .4s .3s}.project-link__list{display:flex;flex-wrap:wrap;margin-top:1rem;margin-left:5%}.project-link__list li{flex-basis:50%}.contact{padding:15rem;background-image:linear-gradient(to right bottom,#55c57a,#28b485);position:relative}.contact__img{background-image:linear-gradient(105deg,rgba(237,237,244,.9) 50%,transparent 0),url(/static/media/hills.56ecc36e.jpg);background-size:cover;border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2);position:relative}.contact__confirmation{position:absolute;top:50%;left:50%;padding:2rem 0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:hsla(0,0%,46.7%,.9);width:60%;text-align:center;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-animation:confirmationAnimation 2.2s;animation:confirmationAnimation 2.2s;border-radius:3px}.contact__confirmation h4{font-size:2.5rem;color:#7ed56f}@-webkit-keyframes confirmationAnimation{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}15%{-webkit-transform:translateX(-70%);transform:translateX(-70%)}30%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}40%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}60%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}80%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@keyframes confirmationAnimation{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}15%{-webkit-transform:translateX(-70%);transform:translateX(-70%)}30%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}40%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}60%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}80%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}.form{width:50%;padding:6rem 6rem 4rem}.form__title{text-align:center;font-size:3rem;margin-top:-3rem;padding-bottom:3rem}.form__group:not(:last-child){margin-bottom:2rem}.form__input{font-size:1.5rem;font-family:inherit;padding:1.5rem 2rem;border-radius:2px;background-color:hsla(0,0%,100%,.5);border:none;border-bottom:3px solid transparent;width:90%;display:block;transition:all .3s}.form__input:focus{outline:none;box-shadow:0 1rem 2rem rgba(0,0,0,.1);border-bottom:3px solid #7ed56f}.form__input:focus:invalid{border-bottom:3px solid #ff7730}.form__textarea{resize:none}.form__label{font-size:1.5rem;font-weight:700;margin-left:2rem;margin-top:.5rem;display:block;transition:all .3s;color:#0f0}.form__input:-ms-input-placeholder+.form__label{opacity:0;visibility:hidden;-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.form__button{border:none;background-color:#3473ef;padding:1.4rem 2rem;font-size:1.6rem;border-radius:5px;display:inline-block;position:relative;z-index:120;color:#fff;font-weight:700;transition:all .3s}.form__button:hover{cursor:pointer}.form__button:focus{outline:none;-webkit-transform:translateY(0);transform:translateY(0)}.form__button:after{content:"";display:inline-block;background-color:#3473ef;position:absolute;top:0;left:0;z-index:-5;width:100%;height:100%;border-radius:5px;transition:all .4s}.form__button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.form__button:hover:after{-webkit-transform:scaleX(2) scaleY(1.5);transform:scaleX(2) scaleY(1.5);opacity:0}.heart-container{position:fixed;z-index:1000;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000;-webkit-animation:heartContainerAnimation 1.4s 3.2s forwards;animation:heartContainerAnimation 1.4s 3.2s forwards}.heart{width:5rem;height:5rem;fill:#fff;-webkit-animation:scaleHeart 3s forwards;animation:scaleHeart 3s forwards}@-webkit-keyframes heartContainerAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-300vh);transform:translateY(-300vh)}}@keyframes heartContainerAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-300vh);transform:translateY(-300vh)}}@-webkit-keyframes scaleHeart{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}30%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.2);transform:scale(1.2);fill:#9acd32}70%{-webkit-transform:scale(1);transform:scale(1);fill:red;stroke:#ff0}80%{-webkit-transform:scale(1.5);transform:scale(1.5);fill:red;stroke:#ff0}90%{-webkit-transform:scale(1.2);transform:scale(1.2);fill:red;stroke:#ff0}to{-webkit-transform:scale(50);transform:scale(50);fill:#ba0e0e;stroke:#ff0}}@keyframes scaleHeart{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}30%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.2);transform:scale(1.2);fill:#9acd32}70%{-webkit-transform:scale(1);transform:scale(1);fill:red;stroke:#ff0}80%{-webkit-transform:scale(1.5);transform:scale(1.5);fill:red;stroke:#ff0}90%{-webkit-transform:scale(1.2);transform:scale(1.2);fill:red;stroke:#ff0}to{-webkit-transform:scale(50);transform:scale(50);fill:#ba0e0e;stroke:#ff0}}
/*# sourceMappingURL=main.7f40ee83.chunk.css.map */