*{margin:0;padding:0}body{font-family:Raleway,sans-serif;font-weight:100;background:#000;color:#fff}.project{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:750px;position:relative}.project--footer{height:610px}.project--space{background:radial-gradient(ellipse at center,#1c3149 0,#000 100%)}.project--podpoint{background-image:url(img/pp-data-blur.png)}.project--jukedeck{background-image:url(img/jd-home-blur.png)}.project--girleffect{background-image:url(img/girleffect-power-blur.png)}.project--zentoz{background-image:url(img/zentoz-drive-blur.png)}.project--carcreation{background-image:url(img/carcreation-model-blur.png)}.project--dirtgirl{background-image:url(img/dirtgirl-phone-screen-blur.png)}.project--dogalike{background-image:url(img/dogalike-phone-screens-blur.png)}.project--rba{background-image:url(img/rba-home-blur.png)}.project--tesco{background-image:url(img/tesco-eathappy-home-blur.png)}.project--bakingmad{background-image:url(img/bm-content-blur.png)}.project__overlay{height:100%;width:100%;background:linear-gradient(180deg,#000,transparent,#000)}.project__intro{font-family:Lato,sans-serif;color:#fff;font-weight:100;max-width:45%;left:50%;position:absolute;font-size:18.5px;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.project__intro--left{left:5%}.project__intro:hover{opacity:.9!important}.project__thumb{position:absolute;opacity:0;outline:1px solid hsla(0,0%,78%,0);-webkit-transition-property:opacity,outline;transition-property:opacity,outline;-webkit-transition-duration:.5s;transition-duration:.5s;transition-delay:0s;width:40%}.project__thumb--size-small{width:25%}.project__thumb:hover{opacity:1!important;outline:1px solid #c8c8c8}.project__thumb--first-placement{left:5%}.project__thumb--second-placement{left:25%}.project__thumb--third-placement{left:55%}.project__thumb--fourth-placement{left:35%}.project__thumb--fifth-placement{left:15%}.project__thumb--sixth-placement{left:60%}.project__thumb--seventh-placement{left:30%}.project__thumb--eighth-placement{left:20%}.project__tech{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s;transition-delay:0s;left:50%;max-width:45%;font-size:14px}.project__tech:hover{opacity:.9!important}.project__tech--left{left:5%}.project__award{position:absolute;opacity:0;font-size:50px;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s;transition-delay:0s;left:15%;font-weight:400;max-width:70%}.project__award:hover{opacity:.9!important}.project__award-text{position:absolute;opacity:0;font-size:30px;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s;transition-delay:0s;left:15%;font-family:Raleway,sans-serif;font-weight:100;max-width:70%}.project__award-text:hover{opacity:.9!important}.project__title{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s;transition-delay:0s;font-size:50px;left:50%;max-width:45%}.project__title:hover{opacity:.9!important}.project__title--left{left:5%}.project__intro--footer{font-size:46px}.project__tech--footer{font-size:36.5px}.project__intro--footer-big{font-size:53px;font-weight:300}.arrow--down{display:block!important;position:fixed;bottom:2%;left:50%;z-index:9;margin:0 0 0 -30px;width:60px;height:60px;cursor:pointer;transition:background-color .6s;border-radius:100%;background-color:hsla(0,0%,5%,.35)}.arrow--down svg{position:absolute;top:50%;left:50%;margin:-6px 0 0 -12px}#container canvas{position:absolute;left:0;top:0}.arrow--down.inactive{opacity:0}@media (max-width:716px){.project__intro{font-size:14px}.project__tech{font-size:11px}.project__award{font-size:40px}.project__award-text{font-size:20px}}@media (max-width:960px){.project__title{font-size:30px}}@keyframes flickerAnimation{0%{opacity:.3}50%{opacity:0}to{opacity:.3}}@-webkit-keyframes flickerAnimation{0%{opacity:.3}50%{opacity:0}to{opacity:.3}}.blink{-webkit-animation:flickerAnimation 1.5s infinite;animation:flickerAnimation 1.5s infinite;opacity:.3}