#about{position:relative;padding-top:40px;z-index:1}#about content{display:block;max-width:1200px;margin:0 auto;padding:0 20px}#about content #aboutContainer{padding:30px 0}@media only screen and (max-width:479px){#about content #aboutContainer{padding:0}}#about content #aboutContainer #textContainer{display:inline-block;width:70%;margin-right:5%;font-size:1.2em;vertical-align:top}@media only screen and (max-width:990px){#about content #aboutContainer #textContainer{width:60%}}@media only screen and (max-width:479px){#about content #aboutContainer #textContainer{width:100%}}#about content #aboutContainer #textContainer h2{padding-bottom:20px}#about content #aboutContainer #textContainer p{padding:5px 0}#about content #aboutContainer #textContainer ul{list-style-type:circle;list-style-position:inside}#about content #aboutContainer #textContainer ul li{font-size:80%}#about content #aboutContainer #imgContainer{display:inline-block;width:25%;clip-path:circle(40% at 50% 45%)}@media only screen and (max-width:990px){#about content #aboutContainer #imgContainer{width:35%}}@media only screen and (max-width:479px){#about content #aboutContainer #imgContainer{margin-top:20px;width:100%}}#about content #aboutContainer #imgContainer img{width:100%}#contact{padding-top:40px}#contact content{display:block;max-width:1200px;margin:0 auto;padding:0 20px}#contact content #contactContainer{display:grid;grid-template-columns:100%;padding:30px 0}#contact content #contactContainer #socialContainer #contactInfo{text-align:center;padding-bottom:30px}#contact content #contactContainer #socialContainer #contactInfo h1,#contact content #contactContainer #socialContainer #contactInfo h2{font-size:2em;padding:20px 0}#contact content #contactContainer #socialContainer #contactInfo p{line-height:1.5;text-decoration:none}#contact content #contactContainer #socialContainer nav #navContainer{position:relative;text-align:center}#contact content #contactContainer #socialContainer nav #navContainer .social{position:relative;display:inline-block;width:64px;margin:20px}@media only screen and (max-width:479px){#contact content #contactContainer #socialContainer nav #navContainer .social{width:50px;margin:10px}}#contact content #contactContainer #socialContainer nav #navContainer .social img{position:relative;width:100%}#fullscreenContent #contentContainer{position:relative;line-height:0}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider{transform:scale(calc((16/9)/ 1.33333333 * 1.15))}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider{transform:scale(calc((16/9)/ 1.125 * 1.15))}}#fullscreenContent #contentContainer #slider #sliderContainer{width:40000px;transition:margin-left 1s cubic-bezier(.645,.045,.355,1)}@media only screen and (min-width:1921px){#fullscreenContent #contentContainer #slider #sliderContainer{height:calc(100vw * (1 / 2.66666667))}}@media only screen and (max-width:1920px){#fullscreenContent #contentContainer #slider #sliderContainer{height:calc(100vw * (1 / 2.28571429))}}@media only screen and (max-width:1440px){#fullscreenContent #contentContainer #slider #sliderContainer{height:calc(100vw * (1 / 2.28571429))}}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider #sliderContainer{height:calc(100vw * (1 / 1.33333333))}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider #sliderContainer{height:calc(100vw * (1 / 1.125))}}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{display:inline-block;width:100vw;height:calc(100vw * 1 / (16/9))}@media only screen and (min-width:1921px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{margin-top:calc(((100vw * 1 / (16/9)) - (100vw * (1/2.66666667)))/ -2)}}@media only screen and (max-width:1920px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{margin-top:calc(((100vw * 1 / (16/9)) - (100vw * (1/2.28571429)))/ -2)}}@media only screen and (max-width:1440px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{margin-top:calc(((100vw * 1 / (16/9)) - (100vw * (1/2.28571429)))/ -2)}}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{margin-top:calc(((100vw * 1 / (16/9)) - (100vw * (1/1.33333333)))/ -2)}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer{margin-top:calc(((100vw * 1 / (16/9)) - (100vw * (1/1.125)))/ -2)}}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer iframe,#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer img,#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer video{position:relative;width:100%}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer{position:relative;width:100%;top:-50%;z-index:99;transition:opacity .5s ease}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.hidden{opacity:0}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.playing .playButton{background-image:url(../img/icons/pausebuton.png);transform:rotateY(180deg);opacity:0}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.playing .playButton{opacity:.25}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.playing .playButton{opacity:.25}}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.loading .playButton{background-image:none!important}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.loading .playButton::after{content:"";display:block;position:relative;width:72px;height:72px;border-radius:50%;margin:10px;border:4px solid transparent;border-right-color:#fff;border-left-color:#fff;border-top-color:#fff;animation:spin 2s linear infinite}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.loading .playButton::after{width:42px;height:42px}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer.loading .playButton::after{width:12px;height:12px}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer .playButton{margin:0 auto;width:100px;height:100px;margin-top:-50px;border-radius:50%;background-image:url(../img/icons/playbutton.png);background-size:100%;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;opacity:.8;transition:transform .4s ease,opacity .4s ease}@media only screen and (max-width:990px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer .playButton{width:70px;height:70px;margin-top:-35px}}@media only screen and (max-width:479px){#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer .playButtonContainer .playButton{width:40px;height:40px;margin-top:-20px}}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer:hover .playButtonContainer.playing .playButton{opacity:.25}#fullscreenContent #contentContainer #slider #sliderContainer .imgContainer #controls{position:fixed;display:inline-block;width:120px;height:30px;outline:1px solid red;right:160px;top:150px;padding:20px;z-index:99}#fullscreenContent #sliderInfo{width:100%}@media only screen and (min-width:1921px){#fullscreenContent #sliderInfo{height:calc(100vw * (1 / 2.66666667));margin-top:calc(-100vw * (1 / 2.66666667))}}@media only screen and (max-width:1920px){#fullscreenContent #sliderInfo{height:calc(100vw * (1 / 2.28571429));margin-top:calc(-100vw * (1 / 2.28571429))}}@media only screen and (max-width:1440px){#fullscreenContent #sliderInfo{height:calc(100vw * (1 / 2.28571429));margin-top:calc(-100vw * (1 / 2.28571429))}}@media only screen and (max-width:990px){#fullscreenContent #sliderInfo{height:calc(100vw * (1 / 1.33333333));margin-top:calc(-100vw * (1 / 1.33333333))}}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo{height:calc(100vw * (1 / 1.125));margin-top:calc(-100vw * (1 / 1.125))}}#fullscreenContent #sliderInfo #arrows{position:absolute;width:100%;z-index:999;pointer-events:none}@media only screen and (min-width:1921px){#fullscreenContent #sliderInfo #arrows{margin-top:calc(((100vw * (1 / 2.66666667))/ 2) - 50px/2)}}@media only screen and (max-width:1920px){#fullscreenContent #sliderInfo #arrows{margin-top:calc(((100vw * (1 / 2.28571429))/ 2) - 50px/2)}}@media only screen and (max-width:1440px){#fullscreenContent #sliderInfo #arrows{margin-top:calc(((100vw * (1 / 2.28571429))/ 2) - 50px/2)}}@media only screen and (max-width:990px){#fullscreenContent #sliderInfo #arrows{margin-top:calc(((100vw * (1 / 1.33333333))/ 2) - 50px/2)}}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows{margin-top:calc(((100vw * (1 / 1.125))/ 2) - 50px/2)}}#fullscreenContent #sliderInfo #arrows #fullscreen,#fullscreenContent #sliderInfo #arrows #left,#fullscreenContent #sliderInfo #arrows #pause,#fullscreenContent #sliderInfo #arrows #right{position:relative;display:inline-block;width:50px;height:50px;margin:0 20px;border-radius:50%;background:rgba(0,0,0,.5);cursor:pointer;transition:transform .2s ease;pointer-events:all}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows #fullscreen,#fullscreenContent #sliderInfo #arrows #left,#fullscreenContent #sliderInfo #arrows #pause,#fullscreenContent #sliderInfo #arrows #right{transform:scale(.7)}}#fullscreenContent #sliderInfo #arrows #fullscreen:hover,#fullscreenContent #sliderInfo #arrows #left:hover,#fullscreenContent #sliderInfo #arrows #pause:hover,#fullscreenContent #sliderInfo #arrows #right:hover{transform:scale(1.1)}#fullscreenContent #sliderInfo #arrows #left{float:left;margin:0 10px 0 20px}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows #left{margin:0 5px 0 10px}}#fullscreenContent #sliderInfo #arrows #left::before{content:"";display:block;width:20px;height:1px;margin:17px 12px;margin-bottom:13px;background:#fff;transform:rotate(-45deg)}#fullscreenContent #sliderInfo #arrows #left::after{content:"";display:block;width:20px;height:1px;margin:0 12px;background:#fff;transform:rotate(45deg)}#fullscreenContent #sliderInfo #arrows #right{float:right;margin:0 20px 0 10px}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows #right{margin:0 10px 0 5px}}#fullscreenContent #sliderInfo #arrows #right::before{content:"";display:block;width:20px;height:1px;margin:17px 18px;margin-bottom:13px;background:#fff;transform:rotate(45deg)}#fullscreenContent #sliderInfo #arrows #right::after{content:"";display:block;width:20px;height:1px;margin:0 18px;background:#fff;transform:rotate(-45deg)}#fullscreenContent #sliderInfo #arrows #pauseGroup{cursor:pointer}#fullscreenContent #sliderInfo #arrows #pauseGroup:hover svg{transform:scale(1.1)}#fullscreenContent #sliderInfo #arrows #pauseGroup:hover #pause{transform:scale(1.1)}#fullscreenContent #sliderInfo #arrows #pauseGroup svg{float:right;margin-right:-76px;margin-top:-6px;transition:transform .2s ease}#fullscreenContent #sliderInfo #arrows #pauseGroup svg circle{stroke:rgba(255,255,255,.75);stroke-width:3;fill:transparent;transform-origin:50% 50%;transform:rotate(-90deg)}#fullscreenContent #sliderInfo #arrows #pauseGroup #pause{float:right;margin:0 10px 0 20px}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows #pauseGroup #pause{margin:0 5px 0 10px}}#fullscreenContent #sliderInfo #arrows #pauseGroup #pause::before{content:"";display:block;float:left;width:1px;height:30px;margin-left:18px;margin-top:10px;background:#fff}#fullscreenContent #sliderInfo #arrows #pauseGroup #pause::after{content:"";display:block;float:left;width:1px;height:30px;margin-left:12px;margin-top:10px;background:#fff}#fullscreenContent #sliderInfo #arrows #fullscreen{float:left;margin:0 20px 0 10px}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #arrows #fullscreen{display:none;margin:0 1px 0 5px}}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow{display:block;width:17px;height:1px;margin:17px 12px;margin-bottom:13px;background:#fff}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(1){transform:rotate(-45deg);margin-left:24px}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(1)::before{content:"";position:relative;display:block;width:12px;height:1px;margin-left:7px;top:4px;background:#fff;transform:rotate(-45deg)}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(1)::after{content:"";position:relative;display:block;width:12px;height:1px;margin-left:7px;top:-5px;background:#fff;transform:rotate(45deg)}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(2){position:relative;top:1px;transform:rotate(135deg);margin-left:9px;margin-top:0}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(2)::before{content:"";position:relative;display:block;width:12px;height:1px;margin-left:7px;top:4px;background:#fff;transform:rotate(-45deg)}#fullscreenContent #sliderInfo #arrows #fullscreen .arrow:nth-child(2)::after{content:"";position:relative;display:block;width:12px;height:1px;margin-left:7px;top:-5px;background:#fff;transform:rotate(45deg)}#fullscreenContent #sliderInfo #pagination{position:absolute;width:100%;text-align:center}@media only screen and (min-width:1921px){#fullscreenContent #sliderInfo #pagination{margin-top:calc((100vw * (1 / 2.66666667)) - 100px)}}@media only screen and (max-width:1920px){#fullscreenContent #sliderInfo #pagination{margin-top:calc((100vw * (1 / 2.28571429)) - 80px)}}@media only screen and (max-width:1440px){#fullscreenContent #sliderInfo #pagination{margin-top:calc((100vw * (1 / 2.28571429)) - 70px)}}@media only screen and (max-width:990px){#fullscreenContent #sliderInfo #pagination{margin-top:calc((100vw * (1 / 1.33333333)) - 70px)}}@media only screen and (max-width:479px){#fullscreenContent #sliderInfo #pagination{margin-top:calc((100vw * (1 / 1.125)) - 70px)}}#fullscreenContent #sliderInfo #pagination .element{position:relative;display:inline-block;width:10px;height:10px;margin:10px;border-radius:50%;background:#fff;mix-blend-mode:exclusion;cursor:pointer}#fullscreenContent #sliderInfo #pagination .element.active::after{content:"";display:block;width:4px;height:4px;margin:3px;border-radius:50%;background:#000}#fullscreenContent #textContainer{position:absolute;text-align:center;vertical-align:middle;line-height:46px;width:100%}@media only screen and (min-width:1921px){#fullscreenContent #textContainer{margin-top:calc((-100vw * (1/2.66666667)/ 2) - calc(46px * 1.3));line-height:calc(46px * 1.3)}}@media only screen and (max-width:1920px){#fullscreenContent #textContainer{margin-top:calc((-100vw * (1/2.28571429)/ 2) - 46px)}}@media only screen and (max-width:1440px){#fullscreenContent #textContainer{margin-top:calc((-100vw * (1/2.28571429)/ 2) - 46px)}}@media only screen and (max-width:990px){#fullscreenContent #textContainer{margin-top:calc((-100vw * (1/1.33333333)/ 2) - calc(46px * .8));line-height:calc(46px * .8)}}@media only screen and (max-width:479px){#fullscreenContent #textContainer{margin-top:calc((-100vw * (1/1.125)/ 2) - 46px)}}#fullscreenContent #textContainer h1{font-size:3em}@media only screen and (min-width:1921px){#fullscreenContent #textContainer h1{font-size:calc(3em * 1.3)}}@media only screen and (max-width:990px){#fullscreenContent #textContainer h1{font-size:calc(3em * .8)}}#fullscreenContent #textContainer p{font-size:1.8em}@media only screen and (min-width:1921px){#fullscreenContent #textContainer p{font-size:calc(1.8em * 1.3)}}@media only screen and (max-width:990px){#fullscreenContent #textContainer p{font-size:calc(1.8em * .8)}}header{position:relative;z-index:2}header content{display:grid;grid-template-columns:minmax(auto,max-content);align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}header content a{text-decoration:none;width:auto;color:inherit}header content a #logo{grid-column:1;padding:20px 0;font-size:2em}@media only screen and (max-width:479px){header content a #logo{font-size:1.5em}}header content #mainNavBar{grid-column:2;text-align:right;line-height:2em;padding:20px 0}header content #mainNavBar a{padding-left:40px;text-decoration:none;font-size:1.5em;transition:color .2s ease}header content #mainNavBar a:hover{color:#fff}@media only screen and (max-width:479px){header content #mainNavBar a{font-size:1.125em}}#projectDescription{position:relative;z-index:1}#projectDescription content{display:block;max-width:1200px;margin:0 auto;padding:0 20px;padding-bottom:100px;font-weight:100}@media only screen and (max-width:990px){#projectDescription content{padding-bottom:60px}}@media only screen and (max-width:479px){#projectDescription content{padding-bottom:50px}}#projectDescription content #headline{font-size:4em;font-weight:900;margin-bottom:50px}@media only screen and (max-width:990px){#projectDescription content #headline{font-size:3.5em}}@media only screen and (max-width:479px){#projectDescription content #headline{font-size:3em}}#projectDescription content #headline p:nth-child(1){margin-top:50px}@media only screen and (max-width:479px){#projectDescription content #headline p:nth-child(1){margin-top:30px}}#projectDescription content #headline p:nth-child(2){font-size:2rem;font-weight:300}@media only screen and (max-width:479px){#projectDescription content #headline p:nth-child(2){font-size:1.5rem}}#projectDescription content #credits{display:inline-block;vertical-align:top;width:30%}@media only screen and (max-width:990px){#projectDescription content #credits{width:40%}}@media only screen and (max-width:479px){#projectDescription content #credits{width:100%}}#projectDescription content #credits p{padding:10px 0}#projectDescription content #infoText{display:inline-block;width:65%;margin-left:5%;font-size:1.2em}@media only screen and (max-width:990px){#projectDescription content #infoText{width:55%;margin-left:5%;text-align:justify}}@media only screen and (max-width:479px){#projectDescription content #infoText{width:100%;margin-left:0;margin-top:10%;text-align:justify}}#projectDescription content #infoText p{padding:10px 0}#projectDescription content span{font-weight:100;display:block;line-height:1.5}.seperator{position:relative;width:100%;height:200px;margin-top:-200px;z-index:1}.seperator.tr-one-deg{opacity:1;transform-origin:bottom right;transform:rotate(-1deg) scaleX(1.05)}.seperator.tr-two-deg{opacity:.6;transform-origin:bottom right;transform:rotate(-2deg) scaleX(1.05)}.seperator.tr-three-deg{opacity:.3;transform-origin:bottom right;transform:rotate(-3deg) scaleX(1.05)}.seperator.tl-one-deg{opacity:1;transform-origin:bottom left;transform:rotate(1deg) scaleX(1.05)}.seperator.tl-two-deg{opacity:.6;transform-origin:bottom left;transform:rotate(2deg) scaleX(1.05)}.seperator.tl-three-deg{opacity:.3;transform-origin:bottom left;transform:rotate(3deg) scaleX(1.05)}.seperator.br-one-deg{margin-top:0;opacity:1;transform-origin:top right;transform:rotate(1deg) scaleX(1.05)}.seperator.br-two-deg{opacity:.6;transform-origin:top right;transform:rotate(2deg) scaleX(1.05)}.seperator.br-three-deg{opacity:.3;transform-origin:top right;transform:rotate(3deg) scaleX(1.05)}.seperator.bl-one-deg{margin-top:0;opacity:1;transform-origin:bottom left;transform:rotate(-1deg) scaleX(1.05)}.seperator.bl-two-deg{opacity:.6;transform-origin:bottom left;transform:rotate(-2deg) scaleX(1.05)}.seperator.bl-three-deg{opacity:.3;transform-origin:bottom left;transform:rotate(-3deg) scaleX(1.05);margin-bottom:-200px}*{margin:0;padding:0;box-sizing:content-box}body,html{font-family:Rubik,sans-serif;font-weight:300;color:#eee;overflow-x:hidden;scroll-behavior:smooth}@media only screen and (min-width:1921px){body,html{font-size:20px}}@media only screen and (max-width:1920px){body,html{font-size:16px}}@media only screen and (max-width:1440px){body,html{font-size:16px}}@media only screen and (max-width:990px){body,html{font-size:16px}}@media only screen and (max-width:479px){body,html{font-size:14px}}h1{font-weight:900}h2{font-weight:900}h3{font-weight:700}.clr-one{background:#191919}.clr-two{background:#090909}#work{position:relative;z-index:2}#work content{display:block;max-width:1200px;margin:0 auto;padding:0 20px;padding-bottom:30px}#work content h2{padding-top:30px}#work content #projectContainer{display:block;padding:30px 0;transition:height .5s ease}#work content #projectContainer .project{display:none;position:absolute;overflow:hidden;text-decoration:none;align-items:flex-end;color:inherit}@media only screen and (max-width:990px){#work content #projectContainer .project{width:calc(50% - 3px)}}#work content #projectContainer .project:hover{cursor:pointer}#work content #projectContainer .project:hover img,#work content #projectContainer .project:hover video{transform:scale(1.05)}#work content #projectContainer .project:hover .textContainer{opacity:1!important}#work content #projectContainer .project img,#work content #projectContainer .project video{width:100%;grid-column:1;grid-row:1;opacity:0;transition:transform .75s ease,opacity 1s linear}#work content #projectContainer .project .textContainer{grid-column:1;grid-row:1;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);padding:20px;z-index:2;opacity:0;text-decoration:none;transition:opacity .75s ease}@media only screen and (max-width:479px){#work content #projectContainer .project .textContainer{padding:10px;opacity:.75!important}}#work content #projectContainer .project .textContainer h2{font-size:1.25em;font-weight:300;padding:0;transition:all .75s ease}@media only screen and (max-width:479px){#work content #projectContainer .project .textContainer h2{font-size:1em}}#work content #projectContainer .project .textContainer p{font-size:.8em;transition:all .75s ease}#work content #showMore{position:relative;display:block;margin:0 auto;padding:20px 40px;border-radius:5px;border:none;outline:0;font-size:1.2em;font-weight:900;color:inherit;background:#191919;cursor:pointer;transition:background-color .1s ease,opacity .2s ease,margin .5s ease}#work content #showMore:hover{background:#262626}