.splash{height:100vh;background-image:url(/static/media/splash.cd9279f3.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.splash .hero-unit{background:rgba(0,0,0,.5);color:#fff;position:absolute;left:50%;top:50%;width:600px;height:360px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:40px;text-align:center}.splash .hero-unit h1{margin-bottom:1rem;text-transform:uppercase;border-bottom:1px solid #fff}.splash .hero-unit p{font-size:1rem}.splash .hero-unit p:last-of-type{margin-bottom:0}@media (max-width:600px){.splash .hero-unit{width:100%;height:400px}.splash .hero-unit h1{font-size:30px}}.splash .payoffs{text-align:left;font-family:Chakra Petch,sans-serif;font-size:25px}.splash .payoffs div>:last-child{text-decoration:none;line-height:1}.splash .payoffs div>:last-child:after{content:" ";width:.5rem;height:1rem;-webkit-animation:cursor .3s ease-in-out infinite alternate;animation:cursor .3s ease-in-out infinite alternate;display:inline-block;vertical-align:bottom;height:30px;width:18px}@media (max-width:767px){.splash .payoffs div>:last-child:after{height:24px;width:12px}}@media (max-width:767px){.splash .payoffs{font-size:20px}}.popup{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;left:0;z-index:100;z-index:2000}.popup,.popup .popup-content{display:flex;align-items:center;justify-content:center}.popup .popup-content{position:relative;min-width:60vw;min-height:60vh;max-height:80vh;max-width:80vw}.popup .popup-content img{max-width:100%;max-height:100%;margin:auto;display:block;box-shadow:0 0 100px #000}.popup .next,.popup .popup-close,.popup .prev{display:block;position:fixed;width:60px;height:60px;background:none;padding:0;border:none;margin:0;overflow:visible;outline:0}.popup .popup-close{top:40px;right:40px}.popup .popup-close:after,.popup .popup-close:before{content:" ";position:absolute;display:block;width:100%;height:100%;top:50%;left:0;border-top:2px solid #fff;-webkit-transform-origin:top center;transform-origin:top center}.popup .popup-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popup .popup-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.popup .next,.popup .prev{top:50%}@media (max-width:767px){.popup .next,.popup .prev{top:auto;bottom:40px}}.popup .prev{border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:40px}.popup .next{border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:40px}.home .portfolio .portfolio-links .portfolio-link .bullet{border:2px solid #fff}.home .portfolio .portfolio-links .portfolio-link.active .bullet{background-color:#fff}.portfolio{color:#fff}.portfolio .scroll-hint{position:fixed;left:50%;bottom:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:50px;-webkit-animation:fade .5s ease-in-out infinite alternate;animation:fade .5s ease-in-out infinite alternate;-webkit-animation-iteration-count:8;animation-iteration-count:8;opacity:0}.portfolio .portfolio-links{position:fixed;top:50%;right:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px}@media (max-width:767px){.portfolio .portfolio-links{display:none}}.portfolio .portfolio-links .portfolio-link{position:relative;width:20px;height:20px;display:block;padding:5px}.portfolio .portfolio-links .portfolio-link .bullet{width:100%;height:100%;border-radius:50%;border:2px solid #000;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.portfolio .portfolio-links .portfolio-link.active .bullet{background-color:#000}.portfolio .portfolio-links .portfolio-link-tooltip{position:absolute;background:rgba(0,0,0,.5);border-radius:3px;padding:5px 10px;white-space:nowrap;font-family:Chakra Petch,sans-serif;right:30px;top:-5px;color:#fff}.portfolio .portfolio-links .portfolio-link-tooltip:after{position:absolute;display:block;content:" ";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0,0,0,.5);right:-10px;top:5px}.portfolio .portfolio-items{height:100vh;overflow:hidden}.portfolio .portfolio-items .portfolio-item{position:relative;height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item{display:block;height:auto;padding:20px;min-height:100vh}}.portfolio .portfolio-items .portfolio-item .title-box{position:absolute;top:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .title-box{position:relative;top:auto;left:auto;-webkit-transform:none;transform:none;margin-bottom:20px}}.portfolio .portfolio-items .portfolio-item .cover-image{max-height:150px;margin-bottom:20px}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .cover-image{margin:0}}.portfolio .portfolio-items .portfolio-item .content{position:relative;max-width:1200px;flex:1 1;display:flex;align-items:center}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .content{display:block}}.portfolio .portfolio-items .portfolio-item .images,.portfolio .portfolio-items .portfolio-item .text{flex:1 1;margin:0 20px}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .images,.portfolio .portfolio-items .portfolio-item .text{font-size:14px}}.portfolio .portfolio-items .portfolio-item .text{height:100%;display:flex;align-items:center;align-content:center}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .text{display:block;height:auto;margin:0}}.portfolio .portfolio-items .portfolio-item .tags{line-height:30px}.portfolio .portfolio-items .portfolio-item .tags .tag{font-family:Chakra Petch,sans-serif;height:20px;line-height:20px;position:relative;background-color:#fff;display:inline-block;padding-right:5px;font-size:14px}.portfolio .portfolio-items .portfolio-item .tags .tag.black,.portfolio .portfolio-items .portfolio-item .tags .tag.black .hole{background-color:#000}.portfolio .portfolio-items .portfolio-item .tags .tag .hole{position:relative;left:-7px;display:inline-block;height:14px;width:14px;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff;text-align:center;line-height:15px}.portfolio .portfolio-items .portfolio-item .images{position:relative;border:10px solid #fff;box-shadow:2px 3px 20px rgba(0,0,0,.5);overflow:hidden;max-height:33vh}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item .images{max-height:300px;margin:0 0 20px}}.portfolio .portfolio-items .portfolio-item .images .image{display:block;max-width:100%;cursor:pointer}.portfolio .portfolio-items .portfolio-item .images .next-button,.portfolio .portfolio-items .portfolio-item .images .prev-button{position:absolute;top:50%;background:rgba(0,0,0,.4);border-radius:4px;display:block;border:none;height:40px;width:40px;outline:0;z-index:100;font-weight:700;line-height:40px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.portfolio .portfolio-items .portfolio-item .images .next-button{right:0}.portfolio .portfolio-items .portfolio-item .images .next-button:after{content:" ";display:block;position:absolute;top:-2px;right:5px;width:100%;height:100%;border-top:4px solid #fff;border-right:4px solid #fff;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg)}.portfolio .portfolio-items .portfolio-item .images .prev-button{left:0}.portfolio .portfolio-items .portfolio-item .images .prev-button:after{content:" ";display:block;position:absolute;top:-2px;left:5px;width:100%;height:100%;border-top:4px solid #fff;border-left:4px solid #fff;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(.5) rotate(-45deg);transform:scale(.5) rotate(-45deg)}.portfolio .portfolio-items .portfolio-item:nth-child(2n) .content{flex-direction:row-reverse}.portfolio .portfolio-items .portfolio-item:nth-child(2n) .tags .tag{margin-right:20px}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item:nth-child(2n) .tags .tag{margin-right:0;margin-left:20px}}.portfolio .portfolio-items .portfolio-item:nth-child(odd) .content{flex-direction:row;text-align:right}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item:nth-child(odd) .content{text-align:left;margin-right:0}}.portfolio .portfolio-items .portfolio-item:nth-child(odd) .content ul li{list-style-position:inside}.portfolio .portfolio-items .portfolio-item:nth-child(odd) .tags .tag{margin-left:20px}@media (max-width:767px){.portfolio .portfolio-items .portfolio-item:nth-child(odd) .tags .tag{margin-left:20px}}.sidebar{pointer-events:none;-webkit-transition:opacity .4s linear;transition:opacity .4s linear;position:fixed;top:0;left:0;opacity:0;width:100vw;height:100vh;font-weight:400;text-transform:uppercase;font-size:1.1rem;font-family:Chakra Petch,sans-serif;color:#fff;z-index:1000}.sidebar a{color:#777;text-decoration:none!important;margin-bottom:20px}.sidebar a.active,.sidebar a:hover{color:#fff}.sidebar.backdrop{background-color:rgba(0,0,0,.4)}.sidebar.active{opacity:1}.sidebar.active.backdrop,.sidebar .content{pointer-events:all}.sidebar .content{position:absolute;top:0;background-color:#373a47;height:100vh;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:auto;overflow-x:hidden;padding:80px 40px 200px}.sidebar .content.right{-webkit-transform:translateX(100%);transform:translateX(100%);right:0}.sidebar .content.left{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0}.sidebar .content.active{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:767px){.sidebar .content{width:100%}}.blog{padding:20px}.blog .page-title{position:relative;top:auto;margin-bottom:40px}.blog .content-container{position:relative;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;padding-right:0}.blog .content-container.sidebar-open{-webkit-transform:translateX(25vw);transform:translateX(25vw);padding-right:25vw}@media (max-width:767px){.blog .content-container.sidebar-open{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}.blog .sidebar a{margin-bottom:0}.blog .sidebar .tag{font-size:.9rem;padding-right:.5rem;display:inline-block}.blog .sidebar .category.active,.blog .sidebar .tag.active,.blog .sidebar .timeline-item.active{font-weight:500}.blog .content{max-width:1000px;margin:auto}.blog .blog-items{border-top:1px solid #eee;padding-top:1rem}.blog .next-button,.blog .prev-button{margin-bottom:1rem}.blog .blog-navigation{padding-top:40px;font-family:Chakra Petch,sans-serif}.blog .blog-navigation .filter-link{color:#777}.blog .blog-navigation .filter-link.active,.blog .blog-navigation .filter-link:hover{color:#fff;text-decoration:none}.blog .blog-navigation .categories,.blog .blog-navigation .filters,.blog .blog-navigation .tags{margin-bottom:40px}.blog .blog-item{border-bottom:1px solid #eee;margin-bottom:1rem}.blog .blog-item .name{margin:0 0 .25rem}.blog .blog-item .blog-link{display:block;text-decoration:none!important;margin-bottom:1rem;color:#222}.blog .blog-item .blog-link:hover{color:#7d1b58}.blog .sidebar .content{width:400px;position:absolute}@media (max-width:767px){.blog .sidebar .content{width:100%}}.blog .sidebar .clear-filters{position:absolute;top:40px;right:40px}.blog .sidebar-button{position:fixed;top:40px;left:40px;width:40px;height:40px;background-color:initial;padding:0;line-height:40px;border:none;outline:0;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:1001}.blog .sidebar-button.active{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.blog .sidebar-button.active .line{background-color:#fff;-webkit-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out}.blog .sidebar-button .line{position:absolute;top:16px;height:5px;background-color:#000;-webkit-transform-origin:center center;transform-origin:center center;width:100%}.blog .sidebar-button .line2{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.blog .blog-item-detail{overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#eee;box-shadow:inset 0 8px 8px -8px #666,inset 0 -8px 8px -8px #666}.blog .blog-item-detail img{max-width:100%;display:block}.blog .blog-item-detail .content{margin:1rem}.blog .blog-item-detail code,.blog .blog-item-detail pre{border-radius:0;color:#c5c8c6;text-shadow:0 1px rgba(0,0,0,.3);font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.blog .blog-item-detail pre{padding:1em;overflow:auto;margin:.5em 0 1rem}.blog .blog-item-detail :not(pre)>code,.blog .blog-item-detail pre{background:#1d1f21}.blog .blog-item-detail :not(pre)>code{padding:.1em}.blog .blog-item-detail .token.cdata,.blog .blog-item-detail .token.comment,.blog .blog-item-detail .token.doctype,.blog .blog-item-detail .token.prolog{color:#7c7c7c}.blog .blog-item-detail .token.punctuation{color:#c5c8c6}.blog .blog-item-detail .namespace{opacity:.7}.blog .blog-item-detail .token.keyword,.blog .blog-item-detail .token.property,.blog .blog-item-detail .token.tag{color:#96cbfe}.blog .blog-item-detail .token.class-name{color:#ffffb6;text-decoration:underline}.blog .blog-item-detail .token.boolean,.blog .blog-item-detail .token.constant{color:#9c9}.blog .blog-item-detail .token.deleted,.blog .blog-item-detail .token.symbol{color:#f92672}.blog .blog-item-detail .token.number{color:#ff73fd}.blog .blog-item-detail .token.attr-name,.blog .blog-item-detail .token.builtin,.blog .blog-item-detail .token.char,.blog .blog-item-detail .token.inserted,.blog .blog-item-detail .token.selector,.blog .blog-item-detail .token.string{color:#a8ff60}.blog .blog-item-detail .token.variable{color:#c6c5fe}.blog .blog-item-detail .token.operator{color:#ededed}.blog .blog-item-detail .token.entity{color:#ffffb6}.blog .blog-item-detail .token.url{color:#96cbfe}.blog .blog-item-detail .language-css .token.string,.blog .blog-item-detail .style .token.string{color:#87c38a}.blog .blog-item-detail .token.atrule,.blog .blog-item-detail .token.attr-value{color:#f9ee98}.blog .blog-item-detail .token.function{color:#dad085}.blog .blog-item-detail .token.regex{color:#e9c062}.blog .blog-item-detail .token.important{color:#fd971f}.blog .blog-item-detail .token.bold,.blog .blog-item-detail .token.important{font-weight:700}.blog .blog-item-detail .token.italic{font-style:italic}.blog .blog-item-detail .token.entity{cursor:help}@-webkit-keyframes shine{0%{background-position:-1000px 0}20%{background-position:1000px 0}to{background-position:1000px 0}}@keyframes shine{0%{background-position:-1000px 0}20%{background-position:1000px 0}to{background-position:1000px 0}}.skills-container{-webkit-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out;min-height:100vh;height:100vh;width:100vw;overflow:hidden}.skills,.skills .category{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center;transform-origin:center}.skills .category{display:block;position:relative;width:500px;height:500px;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;border:10px solid #eee}.skills .category .back,.skills .category .front{text-decoration:none!important;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;background-color:#000;color:#fff;position:absolute;top:0;left:0;text-align:center;width:100%;height:100%;display:flex;align-items:center;box-shadow:inset 0 0 15px rgba(0,0,0,.4)}.skills .category .back .content,.skills .category .front .content{flex:1 1}.skills .category .front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.skills .category .front:hover{background-color:#333}.skills .category .front .skill-count{font-size:8rem;font-weight:300}.skills .category .front .name{font-size:2.5rem}.skills .category .back{background-image:url(/static/media/shine.3a5c7c9b.png);background-repeat:no-repeat;background-position:-1000px 0;z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation:shine 8s 5s infinite;animation:shine 8s 5s infinite}.skills .category .back .content{text-shadow:0 -1px 1px rgba(0,0,0,.5);width:100%}.skills .category .back .content .page{padding-top:20px;font-size:17px}.skills .category .back .skill-list{margin:auto;width:60%;font-weight:500;text-align:left;font-size:17px;line-height:30px}.skills .category .back .skill-list td{width:50%;vertical-align:top}.skills .category .back .skill-list .level{margin-left:5px;margin-top:5px;height:20px;position:relative;width:100%;border:1px solid #fff;box-shadow:0 -1px 1px rgba(0,0,0,.5)}.skills .category .back .skill-list .level .level-bar{width:0;background-color:#fff;height:18px;position:absolute;left:0;top:0}.skills .category .load-more-button{position:absolute;bottom:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-shadow:none;box-shadow:0 0 5px rgba(0,0,0,.5);background:#eee;padding:10px;color:#333;font-weight:500}.skills .category .load-more-button:active{border-top:1px solid grey;border-left:1px solid grey;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.not-found{height:100vh;width:100vw;-webkit-perspective:1000px;perspective:1000px;text-align:center;background-position:50%;background-repeat:no-repeat}.not-found,.not-found *{overflow:visible}.not-found .content{overflow:visible;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.not-found .subtitle>span,.not-found .text>span,.not-found .title>span{display:inline-block}.not-found .explosion{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);z-index:-1}.not-found .title{font-size:60px}.not-found .subtitle{font-size:40px}.not-found .button{cursor:pointer}.contact{display:flex}.contact .left,.contact .right{height:100vh;padding:40px;display:flex;align-items:center}.contact .left .content,.contact .right .content{width:100%}.contact .left{width:60%;position:relative}.contact .left iframe{position:absolute;top:0;left:0;width:100%;height:100%}.contact .left .details{top:40px;left:40px;position:absolute;z-index:10000;background:hsla(0,0%,100%,.5)}.contact .right{width:40%;background-color:#373a47;color:#eee}.contact .error{background:#8b0000;color:#fff;font-weight:500;padding:.5rem;position:relative;top:.5rem}.contact .error:after{bottom:100%;left:1.5rem;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:1rem solid transparent;border-bottom-color:#8b0000;margin-left:-1rem}.contact .base-error{background-color:#8b0000;margin-bottom:10px}.contact .base-error,.contact .success{font-weight:700;color:#fff;padding:.5rem}.contact .success{background:green;margin-bottom:.5rem}.contact .form-group{margin-bottom:1rem}.contact .form-control{width:100%;display:block;background-color:initial;border:2px solid #eee;color:#eee;font-size:16px;font-weight:300;font-family:Roboto,sans-serif;box-shadow:none!important;outline:none!important;border-radius:0;padding:5px}.contact .form-control:focus{border:2px solid #fff}.contact label{color:#eee;font-family:Roboto;font-weight:400;font-weight:500}.contact .btn{outline:0!important;border-radius:0;width:100%;padding:1rem;background-color:#50a6f6;border:none;color:#fff;font-size:16px;font-weight:500}.about-crop{overflow:hidden;position:relative;height:100vh;width:100vw}.about-crop .scroll-tip{position:fixed;top:40px;left:50%;color:#fff;opacity:0;-webkit-animation:fade .5s linear alternate;animation:fade .5s linear alternate;-webkit-animation-iteration-count:8;animation-iteration-count:8;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.about-crop .scroll-tip img{margin:20px auto;width:40px;display:block}.about-wrapper{background:#000;height:100%;width:100%}.about-container{background-image:url(/static/media/stars.4a4b0976.jpg);background-repeat:no-repeat;background-position:50% 0;background-color:#000;background-size:cover;-webkit-transform-origin:center;transform-origin:center;position:relative;width:100%;height:100%}.about-container .about{position:absolute;width:100%;height:2000%;bottom:0;left:0;font-size:3rem;font-weight:500;text-align:justify;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(300px) rotateX(25deg);transform:perspective(300px) rotateX(25deg);color:#e5b13a}@media (max-height:600px){.about-container .about{font-size:1.5rem;-webkit-transform:perspective(300px) rotateX(40deg);transform:perspective(300px) rotateX(40deg)}}.about-container .about .about-content{position:absolute;bottom:0;left:50%;width:100%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);max-width:1000px;min-width:500px}.about-container .about .about-content .title{text-align:center;font-size:4rem;margin-bottom:4rem;font-family:Roboto,sans-serif;font-weight:500}@media (max-width:767px){.about-container .about .about-content .title{font-size:2rem}}.about-container .about .about-content p{margin-bottom:3rem}.introduction{position:absolute;width:600px;font-size:3rem;font-weight:500;color:#4bd5ee;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:767px){.introduction{font-size:2rem;text-align:center;width:90vw}}.buttons{position:absolute;bottom:20px;right:20px}.mute-button,.pause-button{width:40px;height:40px;display:inline-block;background:none;border:none;outline:none;padding:0;margin-left:5px}.mute-button:hover,.pause-button:hover{color:#ccc}.start-button{background:transparent;border:none;outline:none;cursor:pointer;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:800}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.city .load-scene-button,.city .loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:25px}.city .load-scene-button{color:#000}.city .blocker{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0}.city .instructions{position:absolute;z-index:100;top:50%;left:50%;font-size:40px;display:block;color:#fff;text-align:center;cursor:pointer}.experiments{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100vh}.experiments .menu-button{position:fixed;top:40px;left:40px;z-index:1001;width:40px;height:35px;background-color:initial;padding:0;outline:0;border-radius:0;border:0;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.experiments .menu-button.active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.experiments .menu-button.active .line1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.experiments .menu-button.active .line2{opacity:0}.experiments .menu-button.active .line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.experiments .menu-button .line{height:5px;background-color:#fff;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.experiments .menu-button .line2{margin-top:9px;margin-bottom:9px;width:50%}.experiments .experiments-navigation{padding-top:40px}.experiments .experiments-navigation .experiment-link{display:block;font-family:Chakra Petch,sans-serif;color:#777;text-decoration:none!important}.experiments .experiments-navigation .experiment-link.active,.experiments .experiments-navigation .experiment-link:hover{color:#fff}.experiments .experiment-details{width:100%;height:100vh;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;vertical-align:top}.experiments .experiment-details .category,.experiments .experiment-details .experiment{color:#fff;position:relative;height:100vh;width:100vw;display:inline-block;vertical-align:top}.experiments .experiment-details .category .title,.experiments .experiment-details .experiment .title{position:absolute;bottom:0;right:0;text-transform:uppercase;background:#000;padding:15px;color:#fff;border:1px solid #fff;font-family:Chakra Petch,sans-serif}.experiments .experiment-details .category{width:auto}.experiments .experiment-details .title-screen{position:relative}.experiments .experiment-details .title-screen .title-container{height:100%;display:flex;align-items:center}.experiments .experiment-details .title-screen .content{width:100%;text-align:center}.experiments .next,.experiments .prev{display:block;position:fixed;width:60px;height:60px;background:none;padding:0;border:none;margin:0;overflow:visible;outline:0;top:50%}.experiments .prev{border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:40px}.experiments .next{border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:40px}.lang{position:absolute;top:40px;left:40px}.lang a:after{content:" | "}.lang a:last-of-type:after{display:none}.main-navigation{overflow-y:scroll}.main-navigation .navigation-link{display:block;padding-left:0;text-decoration:none!important;position:relative;font-size:20px;color:#777;-webkit-transition:color .3s linear;transition:color .3s linear;line-height:1}.main-navigation .navigation-link.active,.main-navigation .navigation-link:hover{color:#fff}.main-navigation .navigation-link:hover{text-decoration:none;line-height:1}.main-navigation .navigation-link:hover:after{content:" ";width:.5rem;height:1rem;-webkit-animation:cursor .3s ease-in-out infinite alternate;animation:cursor .3s ease-in-out infinite alternate;display:inline-block;vertical-align:bottom;height:20px;width:12px}.main-navigation .site-title{margin-bottom:20px}.main-navigation .site-title a{color:#777;text-decoration:none!important}.main-navigation .site-title a:hover{color:#fff}@media (max-width:767px){.main-navigation .site-title{font-size:2rem}}.main-navigation .site-subtitle{position:relative;text-decoration:none;font-size:25px;margin-bottom:25px;line-height:1}.main-navigation .site-subtitle:after{content:" ";width:.5rem;height:1rem;-webkit-animation:cursor .3s ease-in-out infinite alternate;animation:cursor .3s ease-in-out infinite alternate;display:inline-block;vertical-align:bottom;top:0;height:1.7rem;width:1rem}@media (max-width:767px){.main-navigation .site-subtitle{display:block;height:1rem}.main-navigation .site-subtitle:after{top:0;height:1.26rem;width:.7rem}}.main-navigation .bottom{position:absolute;bottom:40px;left:40px}@media (max-height:800px){.main-navigation .bottom{position:relative;left:auto;bottom:auto}}@-webkit-keyframes cursor{0%{background-color:rgba(125,27,88,0)}to{background-color:grey}}@keyframes cursor{0%{background-color:rgba(125,27,88,0)}to{background-color:grey}}.header{font-family:Abel,sans-serif}.header .open-navigation-link{position:fixed;top:40px;right:40px;width:40px;height:34px;display:block;z-index:1011;background:none;border:none;padding:0;margin:0;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform-origin:center;transform-origin:center;outline:none}.header .open-navigation-link.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header .open-navigation-link.active .line{background-color:#fff}.header .open-navigation-link.active .line1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .open-navigation-link.active .line2{opacity:0}.header .open-navigation-link.active .line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .open-navigation-link .line{height:5px;background-color:#333;border-radius:3px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform-origin:left center;transform-origin:left center}.header .open-navigation-link .line2{margin-top:9px;margin-bottom:9px}.header .page-header{margin:0;padding:0 0 1rem}.home .header{background:#000;margin-bottom:0}.home .site-subtitle,.home .site-title,.home .site-title a{color:#fff}.home .site-title a:hover{color:#777}.home .header .open-navigation-link .line{background-color:#fff}.main-content{min-height:100vh}.home .main-content{background:#000;color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@-moz-document url-prefix(){body{font-weight:lighter!important}}.no-scroll{overflow:hidden}*{box-sizing:border-box}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body{font-size:17px;color:#333;font-family:Roboto,sans-serif;font-weight:300;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:Chakra Petch,sans-serif;font-weight:600}h1{font-size:40px}h2{font-size:30px}h3{font-size:25px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{margin-bottom:1rem}b{font-weight:500}.page-title{position:absolute;top:40px;left:0;width:100%;text-align:center;text-decoration:underline}
/*# sourceMappingURL=main.a1c89d76.chunk.css.map */