body{scroll-behavior:smooth;width:100%}@media screen and (min-width:20em) and (max-width:40em){body{width:105%}}*{box-sizing:border-box;margin:0;padding:0}h1,p{margin-bottom:1.5em}body>svg{display:none}.nav{position:fixed;z-index:100;right:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.nav li{list-style:none;margin:.5em}.nav a{display:inline-block;padding:.5em 1em;color:#fff;border-radius:3px;background:rgba(0,0,0,.6)}.nav a:not(:hover){text-decoration:none}.nav>li>a:focus,.nav>li>a:hover{background:rgba(0,0,0,.8)}.slide{position:relative;padding:8% 0}.slide__content{max-width:1200px;margin:auto}.slide__text,.slide__image{padding:8%}.slide__image img{display:block;width:100%;max-width:560px;margin:auto}.slide__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}#slide-1 .slide__bg{background:url(../images/projects_1.webp)no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#slide-2 .slide__bg{background:url(../images/slide2_bg.webp)no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#slide-3 .slide__bg{background:url(../images/slide3_bg.webp)no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#slide-4 .slide__bg{background-image:repeating-linear-gradient( -45deg,#85c1e6,#85c1e6 30px,#71add2 30px,#71add2 60px )}#slide-5 .slide__bg{background-image:repeating-linear-gradient( #d6e564,#d6e564 30px,#c2d150 30px,#c2d150 60px )}#slide-6 .slide__bg{background-image:repeating-linear-gradient( 45deg,#85d5e6 0,#85d5e6 30px,#71c1d2 30px,#71c1d2 60px )}.home{position:fixed;top:0;left:.5em;z-index:999;background:rgba(0,0,0,.85);color:#fff;padding:.5em;border-radius:0 0 5px 5px}@media screen and (min-width:45em){.slide__content{display:-webkit-flex;display:flex;align-items:center}.slide__image,.slide__text{padding:3%;-webkit-flex:1;flex:1}.slide:nth-child(2n) .slide__text{-webkit-order:1;order:1}.nav{display:block}@supports((perspective:1px) and (not (-webkit-overflow-scrolling:touch))){html,body{overflow:hidden;height:100%}body{transform:translateZ(0)}.slides{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;perspective:300px;scroll-behavior:smooth;scroll-snap-destination:0% 0%;scroll-snap-type:mandatory}.slide{scroll-snap-coordinate:0% 0%}.slide__content{height:100%}.slide,.slide__content{transform-style:preserve-3d}.slide__text{transform:translateZ(60px)scale(.8);transform-origin:100% 50%}.slide:nth-child(2n) .slide__image{transform:translateZ(100px)scale(.67);transform-origin:100% 50%}.slide:nth-child(2n) .slide__text{transform-origin:0% 50%}.slide:nth-child(2n) .slide__bg{transform:translateZ(59px)scale(.95)}.slide:nth-child(2n+1):not(:first-child) .slide__bg{top:-50%}.slide:nth-child(2n+1):not(:last-child) .slide__bg{bottom:-50%}.slide:first-child{padding-top:14%}.slide:last-child{padding-bottom:14%}.slide:nth-child(2n){z-index:1}}}