@import url(https://fonts.googleapis.com/css?family=Inconsolata&display=swap);body,html{max-width:100%;overflow-x:hidden}body{background-color:#e0e0e0!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#222}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.arrow-down{color:#222;opacity:.8}.full-page{min-height:100vh}.z-index-1{z-index:1}.grayscale-img{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;filter:grayscale(100%);-webkit-filter:grayscale(100%)}.grayscale-img:hover{filter:none;-webkit-filter:grayscale(0)}.portfolio-intro{background:url(../img/portfolio-bg-person.6aac47da.png) top;background-size:cover}.portfolio-intro h1{font-size:10vh;line-height:10.1vh}@media (max-width:768px){.portfolio-intro h1{background:rgba(0,0,0,.4);font-size:8vh;line-height:8.1vh}}.portfolio-intro .dist-level-1{display:inline-block;background:rgba(0,0,0,.2);padding:2%}.portfolio-intro .dist-level-2{background:rgba(0,0,0,.3);padding:0 2%}.portfolio-intro .dist-level-3{padding:2px 6px;background-color:rgba(0,150,136,.21);-webkit-filter:saturate(2);filter:saturate(2)}.portfolio-intro .arrow-down{font-size:5vh}.education-block p{display:block}.education-block p,.project-block .item,.project-block p{background-color:hsla(0,0%,100%,.2)}.project-block .item:hover,.project-block p:hover{background-color:hsla(0,0%,100%,.4);cursor:pointer}.project-logo{width:100%;height:auto;max-width:80px}.square-2{color:rgba(0,150,136,.21)}.dist-level-1{background:rgba(59,140,171,.2)}.dist-level-2{background:rgba(35,90,119,.2)}.dist-level-3{background:rgba(35,90,119,.3)}.modal-body{padding:0}.modal-footer{display:none}.modal-header{border:0;position:absolute;top:0;left:0;width:100%;z-index:1;color:#fff}.modal-header .close{color:#fff;font-weight:300;text-shadow:0 0 2px rgba(0,0,0,.98);opacity:1;padding:.7rem 1.8rem;outline:none}.modal-header .close:hover{opacity:.2}.modal-content{background:transparent;border:0;border-radius:0}.square-2{color:rgba(0,0,0,.7)}.dist-level-1{background:rgba(0,0,0,.4)}.dist-level-2{background:rgba(0,0,0,.2)}.dist-level-3{background:rgba(0,0,0,.3)}.swiper-container{width:100%;height:100%}.swiper-slide{min-height:250px;text-align:center;font-size:18px;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-slide img{width:100%;height:auto;max-width:130px}.swiper-pagination-progressbar{height:2px!important}.swiper-pagination-progressbar-fill{background:#444!important}.square-1[data-v-0c98a274]{color:rgba(0,0,0,.2)}.square-2[data-v-0c98a274]{color:rgba(0,150,136,.21);font-size:1.4rem}.square-3[data-v-0c98a274]{color:rgba(0,150,136,.31);font-size:1.2rem}.dist-level-1[data-v-0c98a274]{display:inline-block;background:rgba(59,140,171,.2);padding:2%}.dist-level-2[data-v-0c98a274]{background:rgba(35,90,119,.2);padding:0 2%}.dist-level-3[data-v-0c98a274]{padding:2px 6px;background:rgba(35,90,119,.3);-webkit-filter:saturate(2);filter:saturate(2)}.square-1{color:rgba(0,0,0,.2)}.square-2{color:rgba(0,150,136,.31);font-size:1.4rem}.square-3{color:rgba(130,146,179,.3);font-size:1.2rem}.dist-level-1{display:inline-block;padding:2%}.dist-level-1,.dist-level-2{background:rgba(0,150,136,.21)}.dist-level-2{padding:0 2%}.dist-level-3{padding:2px 6px;background:rgba(0,150,136,.21);-webkit-filter:saturate(2);filter:saturate(2)}.text-gray-blue{color:#4d7684}.text-gray-blue:hover{color:#2d4d5b}.text-dark-gray{color:#595959}.text-dark-gray:hover{color:#000}.font-size-24{font-size:24px;line-height:24px}.block-f-1{-webkit-filter:saturate(2);filter:saturate(2)}.block-f-1,.block-f-2{background:rgba(0,150,136,.21)}.block-f-2{-webkit-filter:saturate(1);filter:saturate(1)}.block-f-3,.block-f-4{background:rgba(0,150,136,.21);-webkit-filter:saturate(2);filter:saturate(2)}.footer[data-v-9660abd4]{height:60vh;background:url(../img/portfolio-bg-footer.f92438d3.png);background-size:cover}.blue-highlight[data-v-9660abd4]{background-color:#1f212d;color:#fff}.portfolio-intro[data-v-5a7ea19d]{height:100vh;background:url(../img/portfolio-bg-person.6aac47da.png);background-size:cover;background-position:top}.thanks{height:100vh;width:100%}.thanks .card{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;font-family:Inconsolata,monospace;background:url(../img/card-bg.7df8b98f.png);background-size:cover;border-radius:12px;color:#fff;width:100%;height:100%;max-width:400px;max-height:230px;-webkit-box-shadow:0 0 33px 14px rgba(0,0,0,.27);box-shadow:0 0 33px 14px rgba(0,0,0,.27)}.thanks .card-stripe{width:100%;height:40px;background-color:#000}.thanks .card .bank-nr{font-size:20px}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:cubic-bezier(.28,.84,.42,1)}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-100px);transform:scale(.9,1.1) translateY(-100px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-100px);transform:scale(.9,1.1) translateY(-100px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.back-button{position:absolute;top:0;margin:10px;background-color:#212121;color:#fff!important;border-radius:4px;font-size:12px}.back-button:hover{background-color:#000;text-decoration:none}