:root{--color-primary: #55c57a;--color-primary-light: #7ed56f;--color-primary-dark: #469961;--color-primary-light-transparent: #7ed56fd6;--color-primary-dark-transparent: #28b485a6;--color-secondary: #101d2c;--color-secondary-dark: #030608;--color-secondary-light: #101d2c69;--color-grey-light-1: #f7f7f7;--color-grey-light-2: #eee;--color-grey-dark: #777;--color-grey-dark-1: #999;--color-grey-dark-2: #333;--color-white: #fff;--color-black: #000;--color-black-transparent: rgba(0, 0, 0, 0.267);--bigger-font-size: 2.25rem;--big-font-size: 1.6rem;--medium-font-size: 1.5rem;--default-font-size: 1.4rem;--small-font-size: 1.2rem;--tiny-font-size: 0.8rem;--default-border-radius: 3px;--default-shadow: 0 3rem 6rem var(--color-black-transparent);--default-shadow-light: 0 1.5rem 4rem var(--color-black-transparent)}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:Helvetica,Arial,sans-serif;color:var(--color-grey-dark-2);font-weight:300;line-height:1.6}.container{display:grid;grid-template-rows:70vh repeat(3, min-content)}h1,h2,h3,h4,h5{overflow-wrap:break-word;width:100%;font-weight:400}.heading-1{font-size:4.5rem;color:var(--color-white);line-height:1;text-transform:uppercase}.heading-1--center{text-align:center;font-size:4.5rem;color:var(--color-white);line-height:1}.heading-1--black{text-align:center;font-size:4.5rem;color:var(--color-black);line-height:1;text-transform:uppercase}.heading-2{font-size:4rem;font-style:italic;line-height:1;font-weight:300}.heading-2--light{font-size:4rem;line-height:1;font-weight:300;color:var(--color-grey-light-1)}.heading-2--dark{font-size:4rem;line-height:1;font-weight:300;color:var(--color-grey-dark-1)}.heading-2--black{font-weight:300;color:var(--color-black);font-size:4rem;text-transform:uppercase;line-height:1;margin-bottom:2vh;text-align:center;word-break:break-all}.heading-3{font-size:2.4rem;color:var(--color-primary);text-transform:uppercase}.heading-3--black{font-weight:300;color:var(--color-black);font-size:2.4rem;text-transform:uppercase;line-height:1;margin-bottom:2vh;text-align:center;word-break:break-all}.heading-4{font-size:1.9rem;text-align:left;color:var(--color-white)}.heading-4--light{font-size:1.9rem;color:var(--color-grey-light-1)}.heading-4--dark{font-size:1.9rem;color:var(--color-grey-dark-1)}.heading--main{animation:moveInLeft .5s ease-out .5s;animation-fill-mode:both}.heading--sub{animation:moveInRight .5s ease-out .5s;animation-fill-mode:both}.heading--section{grid-column:1/-1}.portfolio--title{grid-column:1/-1;text-align:center;font-size:3rem;text-transform:uppercase}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-lg{margin-bottom:4rem}.mb-hg{margin-bottom:8rem}@keyframes fadeInDown{0%{opacity:0;visibility:hidden;transform:translateY(-10rem)}100%{visibility:visible;opacity:1;transform:translateY(0rem)}}@keyframes moveInLeft{0%{opacity:0;visibility:hidden;transform:translateX(-10rem)}80%{transform:translateX(1rem)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}.icon{width:25px}.footer__icon{color:white;font-weight:400}.footer__icon--facebook:hover{color:#3b5998}.footer__icon--instagram:hover{color:#8a3ab9}.footer__icon--github:hover{color:#211f1f}.footer__icon--linkedin:hover{color:#0077b5}.footer__icon--twitter:hover{color:#1da1f2}.footer__icon--xing:hover{color:#cfdc00}.about{display:flex;flex-direction:column;align-items:center}.about__img{margin:1rem;fill:var(--color-primary);width:20rem;height:20rem;border-radius:50%;border:var(--default-border-radius);box-shadow:var(--default-shadow)}.about__text{font-size:1.7rem;text-align:center}.btn{background-color:var(--color-primary);color:var(--color-white);border:solid 1px var(--color-primary);border-radius:0;font-family:var(--font-display);font-size:var(--medium-font-size);text-transform:uppercase;padding:1.8rem 3rem;cursor:pointer;transition:all .2s}.btn:hover{background-color:var(--color-primary-dark)}.btn__btn--animated{background-color:transparent;align-self:start;justify-self:start;animation:moveInBottom .5s ease-out .5s both}.btn__btn--animated:hover{background-color:var(--color-primary)}.btn__btn--smart{color:var(--color-black);background-color:transparent;align-self:start;justify-self:start}.btn__btn--smart:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-popup{margin-left:1rem;margin-right:1rem;margin-bottom:1rem;text-align:center;vertical-align:middle;line-height:1.6rem;height:5rem}.section-features{grid-column:center-start/center-end;margin:15rem 0}.features__Container{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr))}.features__Container--Technologies{display:grid;grid-template-columns:repeat(auto-fit, minmax(6rem, 1fr));grid-row:10vw;grid-gap:6rem;align-items:start}.feature{display:grid;grid-template-columns:min-content;grid-row-gap:1.5rem;grid-column-gap:1.5rem}.feature__icon{fill:var(--color-primary);width:4.5rem;height:4.5rem;grid-row:1/span 2}.feature__text{font-size:1.7rem}.feature__text--center{text-align:center;font-size:1.7rem;margin-bottom:5vh}.feature__heading{grid-column:1/-1}.story__pictures{background-color:var(--color-primary);padding-top:2rem;padding-left:10rem;padding-right:10rem;padding-bottom:2rem;background-image:linear-gradient(to right bottom, var(--color-primary-light-transparent), var(--color-primary-dark-transparent)),url(../img/back.jpg);background-size:cover;display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(6, 5vw);grid-gap:1rem;align-items:center;justify-content:center;overflow:hidden}@media only screen and (max-width: 600px){.story__pictures{padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}}.story__pictures img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.story__img--1{grid-row:1/4;grid-column:1/4;box-shadow:0 2rem 5rem rgba(0, 0, 0, 0.5)}.story__img--2{grid-row:2/7;grid-column:3/7;z-index:20;box-shadow:0 2rem 5rem rgba(0, 0, 0, 0.5)}.story__img--3{grid-row:4/7;grid-column:1/4;box-shadow:0 2rem 5rem rgba(0, 0, 0, 0.5)}.story__content{background-color:var(--color-grey-light-1);padding:3rem;display:grid;align-content:center;justify-items:start}@media only screen and (min-width: 600px){.story__content{padding:6rem 8vw}}.story__text{font-size:var(--medium-font-size);font-style:italic;margin-bottom:4rem}.project{background-color:var(--color-grey-light-1);box-shadow:0 3rem 6rem var(--color-black-transparent);border-radius:3px;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem;grid-template-rows:25rem repeat(3, mincontent)}.project__text{grid-row:3/4;grid-column:1/-1;font-size:var(--default-font-size)}.project__imgDiv{grid-row:1/2;grid-column:1/-1;z-index:1;height:25rem;overflow:hidden}.project__img{width:100%}.project__name{grid-column:1/-1;grid-row:1/2;z-index:3;align-self:end;width:80%;justify-self:center;font-family:var(--font-display);font-size:var(--big-font-size);text-align:center;padding:1.25rem;background-color:var(--color-secondary);color:#fff;font-weight:400;transform:translateY(50%)}.project__area,.project__tech{margin-top:2.5rem}.project__tech,.project__area,.project__text{font-size:var(--medium-font-size);margin-left:2rem;display:flex;align-items:center}.project__tech img,.project__area img,.project__text img{fill:var(--color-primary);width:2rem;margin-right:1rem}.project__btn{grid-column:1/-1;text-align:center}.skills__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, max-content));grid-column-gap:4rem;padding:2rem;grid-row-gap:4rem;justify-content:center}.skills__title{text-align:center;text-transform:uppercase}.skills__box{background-color:var(--color-white);font-size:1.5rem;padding:2.5rem;text-align:center;border-radius:3px;box-shadow:0 1.5rem 4rem var(--color-black-light);box-shadow:var(--default-shadow);transition:transform .3s}@media only screen and (max-width: 600px){.skills__box{padding:2rem}}.skills__box__icon{font-size:6rem;margin-bottom:.5rem;display:inline-block;background-image:linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark));-webkit-background-clip:text;background-clip:text;color:transparent}@media only screen and (max-width: 600px){.skills__box__icon{margin-bottom:0}}.skills__box:hover{transform:translateY(-1.5rem) scale(1.03)}.section-kontakt{grid-column:center-start/center-end;margin:5rem 0;display:flex;justify-content:center;height:15vh}.kontakt{display:grid}.kontakt__info{font-size:var(--big-font-size);justify-self:center;color:var(--color-black);margin-bottom:2rem}.kontakt__btn{justify-self:center;width:15vw;height:auto;margin-bottom:2rem}.header{background-color:var(--color-grey-dark-1);grid-column:1/-1;background-image:linear-gradient(var(--color-secondary-light), var(--color-secondary-light)),url(../img/hero.jpg);background-size:cover;background-position:center;padding:5rem;display:grid;grid-template-rows:min-content repeat(8, min-content);grid-template-columns:minmax(min-content, max-content);grid-row-gap:1.5rem;justify-content:center}.header__logo{height:15rem;justify-self:center}.header__buttons{display:flex;flex-direction:row;align-items:center;gap:1rem}.footer{background-color:var(--color-secondary);padding:4rem;display:grid}.footer__logo{justify-self:center;margin-bottom:2rem;width:50vw;height:auto}@media only screen and (min-width: 600px){.footer__logo{width:30vw}}.footer__nav{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));grid-gap:2rem;align-items:center}.footer__nav--item{margin:1rem}.footer__nav--link:link,.footer__nav--link:visited{font-size:var(--default-font-size);color:#fff;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;text-align:center;padding:1.5rem;display:block;transition:all .2s}.footer__nav--link:hover,.footer__nav--link:active{background-color:rgba(255, 255, 255, 0.5);transform:translateY(-3px)}.footer__info{font-size:var(--big-font-size);justify-self:center;color:var(--color-white);margin-bottom:2rem}.footer__btn{justify-self:center;width:15vw;height:auto;margin-bottom:2rem}.footer__copyright{font-size:var(--default-font-size);color:var(--color-grey-light-1);margin-top:6rem;margin-right:auto;margin-left:auto;text-align:center;width:70%}.section--about{grid-column:1/-1;margin-top:10vh}.section--skills{grid-column:1/-1;padding-top:10rem;padding-bottom:5rem;margin-bottom:10rem;background-image:linear-gradient(to right bottom, var(--color-primary-light-transparent), var(--color-primary-dark-transparent)),url(../img/hero-small.jpg);background-size:cover;transform:skewY(-3deg)}.section--skills>*{transform:skewY(3deg)}.section--story{grid-column:1/-1;display:flex;flex-direction:column;margin-top:5rem}.section--portfolio{margin:10rem 3rem;grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:7rem}/*# sourceMappingURL=style.css.map */