:root{--color-primary: #55C57A;--color-primary-light: #59ce80;--color-primary-dark: #4DC274;--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:"Lato", Arial, Helvetica, sans-serif;color:var(--color-grey-dark-2);font-weight:300;line-height:1.6}.container{display:flex;flex-direction:column}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local("Lato"),local("Lato-Regular"),url(/fonts/Lato-Regular.ttf) format("truetype")}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local("Lato Light"),local("Lato-Light"),url(/fonts/Lato-Light.ttf) format("truetype")}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(/fonts/Lato-Bold.ttf) format("truetype")}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local("Lato"),local("Lato-Regular"),url(/fonts/lato.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local("Lato"),local("Lato-Regular"),url(/fonts/lato.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}p{font-size:1.5rem}ul li{font-size:1.5rem}hr{margin-top:1rem;margin-bottom:1rem}code{font-size:1.6rem}a{color:var(--color-grey-dark-2);padding-right:2px;padding-left:2px}h1,h2,h3,h4,h5{overflow-wrap:break-word;width:100%;font-weight:400}h1{font-size:4rem;line-height:1;text-transform:uppercase}h2{font-size:3rem;line-height:1;font-weight:400;padding:1rem 0rem 1rem 0rem;text-align:center;text-transform:uppercase}h3{font-size:2.2rem;line-height:1;font-weight:350;padding:0.5rem 0rem 0.5rem 0rem;margin-top:1rem;margin-bottom:0.5rem}h4{font-size:1.9rem;line-height:1;font-weight:300;padding:0.5rem 0rem 0.5rem 0rem;margin-top:0.5rem;margin-bottom:0.5rem}.portfolio--title{grid-column:1 / -1;text-align:center;font-size:3rem;text-transform:uppercase}.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;margin-bottom:5rem;fill:var(--color-primary);width:20rem;height:20rem;border-radius:2rem;border:var(--default-border-radius);box-shadow:var(--default-shadow)}.about__text{font-size:1.7rem;text-align:center}.project{background-color:var(--color-grey-light-1);box-shadow:0 3rem 6rem var(--color-black-transparent);border-radius:3px;border:2px solid white;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem;grid-template-rows:25rem repeat(3, mincontent)}.project__tech{grid-column:1 / -1}.project__text{grid-row:3 / 4;grid-column:1 / -1;font-size:var(--default-font-size)}.project__text p,.project__text p a{color:var(--color-black)}.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__area p,.project__tech p{color:var(--color-black)}.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}.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}.menu-item a{background-color:transparent;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;margin:0.2rem;align-self:start;justify-self:start;cursor:pointer;animation:moveInBottom .5s ease-out .5s both}.menu-item a:hover{background-color:var(--color-primary)}.header{background-color:var(--color-grey-dark-1);grid-column:full-start / full-end;background-image:linear-gradient(var(--color-secondary-light), var(--color-secondary-light)),url(../img/hero.jpg);background-size:cover;background-position:center;padding:8rem;padding-top:4rem;display:grid;grid-template-rows:minmax(20rem, min-content) repeat(8, min-content);grid-template-columns:minmax(min-content, max-content);grid-row-gap:1.5rem;justify-content:center}@media only screen and (max-width: var(--bp-medium)){.header{grid-column:1 / -1}}@media only screen and (max-width: var(--bp-small)){.header{padding:5rem}}.header__logo{height:3rem;justify-self:center}.header__seenon-text{display:grid;grid-template-columns:1fr max-content 1fr;grid-column-gap:1.5rem;align-items:center;font-size:var(--big-font-size);color:var(--color-grey-light-2)}.header__seenon-text::before,.header__seenon-text::after{content:"";height:1px;display:block;background-color:currentColor}.header__seenon-logos{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:3rem;justify-items:center;align-content:center}.header__seenon-logos img{max-height:2.5rem;max-width:100%;filter:brightness(70%)}.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: 50em){.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%}.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}.section{margin:5rem}.section__portfolio{margin:10rem 3rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:7rem}.section__kontakt{margin:5rem 0;display:flex;justify-content:center;height:15vh}.section__about{margin-top:10vh;margin-bottom:5vh}@media (prefers-color-scheme: dark){body{background-color:var(--color-secondary)}}@media (prefers-color-scheme: dark){h1,h2,h3,h4,h5{color:white}}@media (prefers-color-scheme: dark){a,p,li{color:white}}@media (prefers-color-scheme: dark){.about__text{color:white}}