@charset "UTF-8";@keyframes fade-page-in{0%{opacity:0}to{opacity:1}}@keyframes fade-page-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-text-in{0%{font-size:0}to{font-size:100%}}@keyframes zoom-text-out{0%{font-size:100%}to{font-size:0}}@keyframes blur-element-in{0%{-webkit-filter:blur(100px);filter:blur(100px)}to{-webkit-filter:blur(0);filter:blur(0)}}@font-face{font-family:"SourceSansPro-SemiBold";src:url(/static/media/SourceSansPro-SemiBold.f2fa8f36.ttf) format("truetype");font-weight:400;font-style:normal}body{background-color:#eeecec;color:#000;height:100%;width:100%;height:100vh;font-family:"SourceSansPro-SemiBold";font-size:16px;margin:0}.contact-form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1.5rem}.contact-form__input{box-sizing:border-box;width:100%;padding:.3rem;border:none;margin-bottom:1rem}@media (max-width:768px){.contact-form__input{width:80%}}.contact-form__text-area{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;width:100%;background-color:#fff;padding:.3rem;box-sizing:border-box;border:none;margin-bottom:1rem}@media (max-width:768px){.contact-form__text-area{width:80%}}.contact-form__button{width:auto;font-size:.8rem;background-color:#eeecec;color:#000;padding:.3rem .6rem;border:2px solid #32a852;margin-bottom:1.5rem;will-change:background-color;transition:background-color .5s}.contact-form__button:hover{background-color:#32a852;color:#eeecec}.contact-link{text-decoration:none;color:#1f6fe1;white-space:nowrap;will-change:color;transition:color .5s}.contact-link:hover{color:#7eacfc}.error-message{margin-top:1rem;text-align:center}.error-message--color-red{color:red}.footer{display:flex;justify-content:center;align-items:center;background-color:#eeecec;color:#000;padding-top:.5rem;padding-bottom:.5rem;margin-left:4.2rem;margin-right:4.2rem}@media (min-width:320px) and (max-width:480px){.footer{flex-wrap:wrap}}.footer__copyright-text{font-size:1rem;margin-right:1rem}.footer__navigation-list{display:flex;justify-content:center;align-items:center;list-style:none;-webkit-padding-start:0;padding-inline-start:0;padding-left:0}.footer__navigation-link{background-color:#000;color:#eeecec;padding:.1rem .3rem;margin-left:.2rem;margin-right:.2rem}.header{display:flex;align-items:center;margin-left:1.5rem;color:#000}@media (min-width:320px) and (max-width:480px){.header{margin-left:2rem;margin-right:3rem}}.header-text{display:flex;justify-content:center;flex-direction:column;padding-top:1rem;padding-bottom:1.7rem;padding-left:1.5rem;margin-left:3rem}@media (min-width:320px) and (max-width:480px){.header-text{margin-left:2rem}}.header-text__headline{margin-top:0;margin-bottom:.5rem}.header-text__subheadline{margin-top:0;margin-bottom:0}.header-text__font-size--small{font-size:2rem}.header-text__font-size--medium{font-size:2.5rem}.header-text__font-size--large{font-size:3.1rem}.header-text__left-border--blue{border-left:10px solid #1f6fe1}.header-text__left-border--green{border-left:10px solid #32a852}.header-text__left-border--orange{border-left:10px solid orange}.header-text__left-border--violet{border-left:10px solid #933dba}.home-logo{display:flex;background-color:#eeecec;padding:1rem;border-radius:20px}.home-logo--blur-in{animation:blur-element-in 1.5s forwards}.home-logo__letter-c-outline{width:6rem;height:8rem;background-color:#000;border-radius:50% 0 0 50%;margin-right:1.1rem}.home-logo__letter-c-inline{width:4.8rem;height:5.6rem;background:#eeecec;padding:0;border-radius:50% 0 0 50%;margin-top:1.2rem;margin-left:1.2rem}.home-logo__letter-g-outline{width:6rem;height:8rem;background-color:#000;border-radius:0 50% 50% 0}.home-logo__letter-g-inline{width:4.8rem;height:5.6rem;background-color:#eeecec;padding:0;border-radius:0 50% 50% 0;margin-top:1.2rem;margin-right:2rem;margin-left:0}.home-logo__letter-g-box{width:1.2rem;height:2.8rem;background-color:#eeecec;padding-top:2.8rem;margin-bottom:0}.home-logo__letter-g-box2{width:1.2rem;height:1.2rem;background-color:#000;padding-top:2.8rem}.modal-body{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;z-index:7;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-body--fade-in{animation:fade-page-in .5s forwards}.modal-body__box{text-align:center;width:50%;background-color:#eeecec;padding:1.5rem 2rem 2rem;border:1px solid #0f0f0f}@media (min-width:320px) and (max-width:480px){.modal-body__box{width:60%}}.modal-body__box__text{margin-bottom:3rem}.modal-body__box__button{text-decoration:none;font-size:.9rem;display:inline-block;color:#000;padding:.3rem .8rem;border:2px solid #32a852;margin-right:.5rem;margin-left:.5rem;will-change:background-color,color;transition:background-color,color .5s}.modal-body__box__button:hover{background-color:#32a852;color:#eeecec}.nav-bar{position:fixed;top:0;left:0;height:5rem;width:100%;z-index:3;background-color:rgba(0,0,0,.4);color:#eeecec;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding-top:1rem;padding-bottom:1rem}.nav-bar__nav-items{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;padding-bottom:.5rem;margin-left:4.2rem;margin-right:4.2rem}@media (min-width:320px) and (max-width:480px){.nav-bar__nav-items{margin-left:4.2rem;margin-right:2.2rem}}.nav-bar-logo{display:flex;background-color:#eeecec;padding:.3rem;border-radius:4.5px}.nav-bar-logo__letter-c-outline{width:1.32rem;height:1.8rem;background-color:#000;border-radius:50% 0 0 50%;margin-right:.3rem}.nav-bar-logo__letter-c-inline{width:1.08rem;height:1.26rem;background:#eeecec;padding:0;border-radius:50% 0 0 50%;margin-top:.27rem;margin-left:.27rem}.nav-bar-logo__letter-g-outline{width:1.44rem;height:1.8rem;background-color:#000;border-radius:0 50% 50% 0}.nav-bar-logo__letter-g-inline{width:1.18rem;height:1.26rem;background-color:#eeecec;padding:0;border-radius:0 50% 50% 0;margin-top:.27rem;margin-right:.45rem;margin-left:0}.nav-bar-logo__letter-g-box{width:.27rem;height:.63rem;background-color:#eeecec;padding-top:.63rem;margin-bottom:0}.nav-bar-logo__letter-g-box2{width:.25rem;height:.27rem;background-color:#000;padding-top:.63rem}.nav-desktop-items{display:none}@media (min-width:1024px){.nav-desktop-items{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-desktop-items__nav-list{display:flex;justify-content:center;align-items:center;list-style:none;-webkit-padding-start:0;padding-inline-start:0;padding-left:0}.nav-desktop-items__nav-list__nav-link{font-size:1rem;text-decoration:none;display:inline-block;background-color:transparent;color:#eeecec;padding:.3rem .8rem;margin-left:.8rem;transition:all .5s}.nav-desktop-items__nav-list__nav-link--active,.nav-desktop-items__nav-list__nav-link:hover{background-color:#eeecec;color:#000}.nav-desktop-items__nav-list__select-language{font-family:inherit;font-size:inherit;background-color:transparent;color:#eeecec;padding:.5rem .8rem .3rem;margin-left:.8rem;border:none}.nav-desktop-items__nav-list__select-language:hover{background:#eeecec;color:#000}.nav-desktop-items__nav-list__select-language__option{background:#000;color:#eeecec}}.nav-menu{display:none}@media (max-width:1024px){.nav-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;background-color:rgba(0,0,0,.4);color:#eeecec;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-menu--fade-in{animation:fade-page-in 1s forwards}.nav-menu--fade-out{animation:fade-page-out .8s forwards}.nav-menu__menu-list{display:flex;justify-content:center;align-items:center;flex-direction:column;list-style:none;text-align:center;-webkit-padding-start:0;padding-inline-start:0;margin-top:2rem}.nav-menu__menu-list__menu-item{margin-bottom:1.4rem}.nav-menu__menu-list__menu-item--fade-in-speed1{animation:zoom-text-in .1s forwards}.nav-menu__menu-list__menu-item--fade-in-speed2{animation:zoom-text-in .25s forwards}.nav-menu__menu-list__menu-item--fade-in-speed3{animation:zoom-text-in .5s forwards}.nav-menu__menu-list__menu-item--fade-in-speed4{animation:zoom-text-in 1s forwards}.nav-menu__menu-list__menu-item--fade-in-speed5{animation:zoom-text-in 1.2s forwards}.nav-menu__menu-list__menu-item--fade-in-speed6{animation:zoom-text-in 1.4s forwards}.nav-menu__menu-list__menu-item--fade-out-speed1{animation:zoom-text-out .05s forwards}.nav-menu__menu-list__menu-item--fade-out-speed2{animation:zoom-text-out .1s forwards}.nav-menu__menu-list__menu-item--fade-out-speed3{animation:zoom-text-out .25s forwards}.nav-menu__menu-list__menu-item--fade-out-speed4{animation:zoom-text-out .5s forwards}.nav-menu__menu-list__menu-item--fade-out-speed5{animation:zoom-text-out 1s forwards}.nav-menu__menu-list__menu-item--fade-out-speed6{animation:zoom-text-out 1.5s forwards}.nav-menu__menu-list__menu-link{text-decoration:none;color:orange}.nav-menu__menu-list__select-language{font-family:inherit;font-size:inherit;background-color:transparent;padding:.2rem .8rem .3rem;border:none;margin-top:0;margin-left:.8rem}.nav-menu__close{display:flex;justify-content:flex-end;align-items:center;margin-right:4.3rem}}@media (max-width:1024px) and (min-width:320px) and (max-width:480px){.nav-menu__close{margin-right:2.3rem}}@media (max-width:1024px){.nav-menu__close__button{background:transparent;color:#eeecec;padding:0;border:none;margin-top:2.5rem}}.nav-toggler{display:none}@media (max-width:1024px){.nav-toggler{display:block;background:transparent;color:#eeecec;padding:0;border:none;margin-top:.5rem}}.project-details{display:flex;justify-content:space-around;align-items:flex-start;flex-direction:column;width:24rem;height:42rem;margin:0 1.5rem 1.5rem}@media (max-width:768px){.project-details{width:17rem}}.project-details__screenshots-box{position:relative}.project-details__screenshot-desktop{top:0;width:24rem;height:15rem;position:absolute;z-index:1}@media (max-width:768px){.project-details__screenshot-desktop{width:17rem;height:13rem}}.project-details__screenshot-desktop__image{width:100%;height:100%}.project-details__screenshot-mobile{top:13rem;left:18rem;width:8rem;height:16rem;z-index:10;position:absolute}@media (max-width:768px){.project-details__screenshot-mobile{top:17rem;left:10rem;width:7rem;height:15rem}}.project-details__screenshot-mobile__image{width:100%;height:100%}.project-details__description{width:14rem;height:10rem;color:#000;padding-left:1rem;padding-right:1rem}.project-details__description__project-name{width:100%;margin:1.5rem 0 .6rem}@media (max-width:768px){.project-details__description__project-name{width:60%}}.project-details__description__paragraph{width:14rem;height:4.5rem}@media (max-width:768px){.project-details__description__paragraph{width:8.5rem;height:6.5rem}}.project-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:95%;padding-bottom:1.5rem;margin-top:2rem}@media (max-width:768px){.project-links{width:60%}}.project-links__github-link{text-decoration:none;font-size:.8rem;display:inline-block;color:#000;padding:.3rem .6rem;border:2px solid #3271a8;margin-right:0;margin-left:0;margin-bottom:1rem;will-change:background-color,color;transition:background-color,color .5s}.project-links__github-link:hover{background-color:#3271a8;color:#eeecec}.about{display:flex;flex-direction:column;color:#000;margin-top:8rem;animation:fade-page-in 1s forwards}.about__text{display:flex;justify-content:center;align-items:flex-start;margin:3rem 0 4rem 4rem}@media (max-width:768px){.about__text{flex-wrap:wrap;margin-right:0;margin-bottom:4rem;margin-left:4rem}}.about__text__text-colum{width:50%;padding-right:5rem}@media (max-width:768px){.about__text__text-colum{width:100%;padding-right:3rem}}.about__contact-link{text-decoration:none;color:#1f6fe1;will-change:color;transition:color .5s}.about__contact-link:hover{color:#7eacfc}.contact{color:#eeecec;margin-top:8rem;animation:fade-page-in 1s forwards}.contact__details{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;width:30rem;color:#000;padding:0;margin:4rem auto}@media (max-width:768px){.contact__details{width:66%}}.contact__details__name{margin-top:2rem;margin-bottom:0}.contact__details__jobname{margin-top:.5rem;margin-bottom:0}.contact__ways{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1rem}.contact__ways__email-headline,.contact__ways__form-headline,.contact__ways__phone-headline{margin-bottom:0}.home{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:25rem;color:#eeecec;margin-bottom:8rem}.home,.not-found{animation:fade-page-in 1s forwards;margin-top:8rem}.not-found{color:#000}.not-found__get-back{display:flex;justify-content:center;align-items:center;margin:4rem}.not-found__get-back__link{text-decoration:none;font-size:.9rem;display:inline-block;color:#000;padding:.3rem .8rem;border:2px solid #32a852;margin-top:2rem;margin-bottom:2rem;will-change:background-color,color;transition:background-color .5s}.not-found__get-back__link:hover{background-color:#32a852;color:§white}.projects{color:#000;margin-top:8rem;animation:fade-page-in 1s forwards}.projects__collection{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin:0 2.2rem 3rem}.tech-stack{color:#000;margin-top:8rem;animation:fade-page-in 1s forwards}.tech-stack__logo-collection{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#eeecec;margin:4rem 4rem 6rem}.tech-stack__logo{width:4.5rem;margin:1rem}.tech-stack__logo__image{width:100%;height:auto}
/*# sourceMappingURL=main.f05e47d9.chunk.css.map */