body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--custom-white-focus:hsla(0,0%,100%,.964);--custom-white-unfocus:hsla(0,0%,100%,.823);--custom-grey:grey;--cormorant:"Cormorant Garamond";--poppins:"Poppins",sans-serif;--quicksand:"Quicksand",sans-serif}.container-background{min-height:100vh}li{list-style:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#000;background:#888;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#555}.container-landing{color:var(--custom-white-unfocus);flex-direction:columN;height:30%;padding-bottom:30px;padding-top:50px}.container-landing,.container-landing h1{align-items:center;display:flex;justify-content:center}.container-landing h1{font-family:var(--quicksand);font-size:1.4rem;font-weight:700;letter-spacing:1px;padding-bottom:20px;position:relative;text-transform:uppercase;width:80%}.container-landing span{font-size:.7rem}.container-landing h1 a{color:var(--custom-white-unfocus);text-decoration:none}.container-landing ul{color:#aaa;display:flex;font-family:sans-serif;font-size:.8rem;font-weight:100;justify-content:center;padding:0 0 20px;position:relative;width:40%}.container-landing ul li{padding:0 10px;text-align:center}.container-landing a,.container-landing ul li{color:#aaa;text-decoration:none}.container-landing .trainer:hover,.container-landing ul li:hover{color:var(--custom-white-unfocus);transition:.3s ease-in-out}.container-landing .trainer:after,.container-landing ul:after{background-color:#ff3cac;background-image:linear-gradient(225deg,#ff3cac,#784ba0 50%,#2b86c5);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@media only screen and (max-width:1100px){.container-landing ul{width:60%}}@media only screen and (max-width:850px){.container-landing ul{width:80%}.container-landing{min-height:200px;padding-top:50px}}@media only screen and (max-width:600px){.container-landing h2{width:95%}}.container-projectlist{display:flex;justify-content:center}.container-projectlist ul{align-items:center;display:grid;grid-auto-rows:300px;grid-template-columns:repeat(3,1fr);justify-content:center}.container-projectlist ul li{width:400px}@media only screen and (max-width:1220px){.container-projectlist ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:850px){.container-projectlist ul{display:block}}.transition{transition:.5s ease-in-out}.container-project{background-color:var(--custom-white-unfocus);border-radius:20px;box-shadow:0 0 10px 2px rgba(0,0,0,.3);-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 2px rgba(0,0,0,.3);color:#181818;height:180px;left:0;margin:0 15px 15px;overflow:hidden;padding:10px 20px 20px;position:relative;right:0;top:0;z-index:100}.container-project:after{background-color:#ff3cac;background-image:linear-gradient(225deg,#ff3cac,#784ba0 50%,#2b86c5);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}.container-project:hover{background-color:var(--custom-white-focus);height:400px}.container-project .info{opacity:0}.container-project:hover .info{opacity:1;transition-delay:.5s}.container-project .header{grid-gap:5px;display:grid;gap:5px;grid-template-columns:90% 10%;padding:30px 10px 10px 30px;text-align:left}.links{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:3px}.container-project .links a{opacity:.8}.container-project .links a:hover{opacity:1}.links img{border-radius:7px;box-shadow:2px 2px 2px rgba(255,0,102,.804);height:20px}.link img:hover{box-shadow:4px 4px 4px rgba(255,0,102,.804);opacity:1}.info p{font-size:.9rem;padding:0 20px 10px 30px}@media only screen and (max-width:850px){.container-projectlist ul{grid-template-columns:repeat(1,1fr)}.container-project{background-color:var(--custom-white-focus);height:400px;z-index:0}.container-project .info{opacity:1}}.container-footer{font-size:.8rem;position:relative;right:10px;text-align:right;top:-3px}.container-footer a{color:grey;text-decoration:none}.container-footer li{list-style:none}.container-menu{display:flex;height:100px;justify-content:center;padding:20px}.container-menu ul{align-items:center;background-color:var(--custom-white-unfocus);border-radius:100px;display:flex;height:40px;justify-content:space-around;padding:10px 0 5px;transition:.5s ease-in-out;width:300px}.container-menu ul:hover{background-color:var(--custom-white-focus)}.container-menu img{height:25px;z-index:99}.container-menu li{list-style:none;position:relative}.container-menu li:after{background-color:#1c1c1c;border-radius:10px;bottom:0;content:"";filter:blur(3px);height:6px;left:-3px;opacity:0;position:absolute;right:-3px;transition:.5s ease-in-out}.container-menu li:hover:after{opacity:1}.temp{color:#fff;font-size:.7rem;padding-bottom:10px;text-align:center}.container-menu .dev{border-radius:100px}@media only screen and (max-width:850px){.container-menu{bottom:0;position:-webkit-sticky;position:sticky}.container-menu ul{background-color:#e3e3e3;border:1px solid #3e3e3e}}.container-cv{min-height:250px;padding:0 20%;position:relative}.container-cv .contact{color:#000;display:flex;text-decoration:none;z-index:99}.container-cv .download{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;right:20.5%;top:.5%}.container-cv .download button{background-clip:content-box,border-box;background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(101deg,#78e4ff,#ff48fa);background-origin:border-box;border:3px solid transparent;border-radius:20px;box-shadow:0 0 6px 0 rgba(157,96,212,.5);box-shadow:inset 2px 1000px 1px #fff;font-size:.7rem;padding:10px 20px}.container-cv .download button:hover{box-shadow:none;color:#fff}.container-cv .download p{font-size:.5rem}.container-cv .buttons>*{margin:5px 5px 0 0;padding:8px 16px}.container-cv .cv{background-color:var(--custom-white-focus);border-radius:20px;padding:30px}.container-cv h4{font-size:1.3rem}.container-cv .education-head,.container-cv .ls-head,.container-cv .skills-head{padding-bottom:5px;padding-top:20px}.container-cv h5{font-size:1rem;padding-top:10px}.container-cv .dates,.container-cv .head ul p{padding-top:10px}.container-cv .head{display:flex;justify-content:space-between}.container-cv .cv li li{list-style:outside;list-style-type:circle;margin-left:20px}.container-cv .leadership li,.container-cv .skills li,.education li{list-style:outside;list-style-type:circle;margin-left:15px}@media only screen and (max-width:920px){.container-cv{padding:0 1%}.container-cv .head{flex-direction:column}.container-cv .ls-head{padding-bottom:0}.container-cv .dates{padding-bottom:5px;padding-top:0}.container-cv .download{right:1.5%}}@media only screen and (max-width:700px){.container-cv .dates{padding-bottom:5px;padding-top:0}.container-cv .download button{font-size:.6rem;padding:6px 12px}.container-cv .download button p{font-size:.3rem}}.container-about{align-items:center;color:#fff;display:flex;justify-content:center;min-height:250px}.container-about>*{padding:30px}.container-about h3{align-self:flex-start}.container-form{align-items:center;display:flex;justify-content:center;padding:10px 10% 0}#contact-form{display:flex;flex-direction:column;width:500px}#contact-form div input{color:#000;margin-bottom:5px;width:250px}#contact-form .text,#contact-form div input{font-family:var(--poppins);font-size:.8rem;padding:10px}#contact-form .text{height:200px}#contact-form .buttons{display:flex;justify-content:space-around;padding-bottom:50px}.container-form .button{align-items:center;background-clip:content-box,border-box;background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(101deg,#78e4ff,#ff48fa);background-origin:border-box;border:3px solid transparent;border-radius:30px;box-shadow:0 0 6px 0 rgba(157,96,212,.5);box-shadow:inset 2px 1000px 1px #fff;color:#000;display:flex;font-size:.8rem;height:40px;justify-content:center;margin:10px 0;padding:10px;width:150px}.container-form .button:hover{box-shadow:none;color:#fff}#contact-form .buttons a{text-align:center;text-decoration:none}.loading{bottom:0;height:2em;margin:auto;overflow:visible;right:0;width:2em;z-index:999}.loading,.loading:before{left:0;position:fixed;top:0}.loading:before{background-color:rgba(0,0,0,.3);content:"";display:block;height:100%;width:100%}.loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.loading:not(:required):after{animation:spinner 1.5s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75);content:"";display:block;font-size:10px;height:1em;margin-top:-.5em;width:1em}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container-sent{color:var(--custom-white-unfocus);font-size:1.3rem;padding:20px 0 60px;text-align:center}.container-sent h5{padding-top:10px}.container-sent p{font-size:.7rem;padding-top:15px}.container-impressum{color:var(--custom-white-focus);text-align:center}.container-impressum>*{padding:5px}.container-impressum .legal{padding-top:100px}.container-impressum a{color:#4c4cf5;cursor:pointer}.container-datenschutz{color:var(--custom-white-focus);padding:0 20%}.container-datenschutz h1{padding-bottom:40px;text-align:center}.container-datenschutz *{padding:15px}.container-datenschutz .legal{padding-top:100px}.container-datenschutz a{color:#4c4cf5;cursor:pointer}@media only screen and (max-width:700px){.container-datenschutz{padding:0 10%}}
/*# sourceMappingURL=main.8a84a486.css.map*/