@import url("https://fonts.googleapis.com/css?family=Arvo|Lato");body{position:relative;width:100%;min-width:300px;height:auto;background:#0C0C0C;color:#fff;margin:0;padding:0;overflow-x:hidden;pointer-events:none}body,div{box-sizing:border-box}h1,h2,h3,h4,h5{font-family:'Lato', sans-serif;margin:0}label,p{font-family:'Arvo', sans-serif}.background-lines-container{position:fixed;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.background-lines-container .background-line{position:relative;width:10px;height:calc(100% * 1.3);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);transition:all 0.15s ease-out}.background-lines-container .background-line.left::before,.background-lines-container .background-line.left::after,.background-lines-container .background-line.right::before,.background-lines-container .background-line.right::after{content:'';position:absolute;display:flex;width:100%;height:100%}.background-lines-container .background-line.left::before,.background-lines-container .background-line.right::before{opacity:0.15}.background-lines-container .background-line.left::after,.background-lines-container .background-line.right::after{opacity:1;height:33.3%}.background-lines-container .background-line.left{left:-30px}.background-lines-container .background-line.left::before,.background-lines-container .background-line.left::after{background-color:#5F86FF}.background-lines-container .background-line.right{right:-30px}.background-lines-container .background-line.right::before,.background-lines-container .background-line.right::after{background-color:#FFC442}@media only screen and (max-width: 768px){.background-lines-container .background-line{height:calc(100% * 1.075);-ms-transform:rotate(200deg);-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.project-display-gradient.formnflow{background:#0d1520;background:-moz-linear-gradient(-45deg, #00698c 0%, #00698c 14%, #243856 55%, #0d1520 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, #00698c), color-stop(14%, #00698c), color-stop(55%, #243856), color-stop(100%, #0d1520));background:-webkit-linear-gradient(-45deg, #00698c 0%, #00698c 14%, #243856 55%, #0d1520 100%);background:-o-linear-gradient(-45deg, #00698c 0%, #00698c 14%, #243856 55%, #0d1520 100%);background:-ms-linear-gradient(-45deg, #00698c 0%, #00698c 14%, #243856 55%, #0d1520 100%);background:linear-gradient(135deg, #00698c 0%, #00698c 14%, #243856 55%, #0d1520 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end', GradientType=1)}.project-display-gradient.hatcher{background:#2F1A4F;background:-moz-linear-gradient(-45deg, #8E2980 0%, #8E2980 14%, #422B60 55%, #2F1A4F 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, #8E2980), color-stop(14%, #8E2980), color-stop(55%, #422B60), color-stop(100%, #2F1A4F));background:-webkit-linear-gradient(-45deg, #8E2980 0%, #8E2980 14%, #422B60 55%, #2F1A4F 100%);background:-o-linear-gradient(-45deg, #8E2980 0%, #8E2980 14%, #422B60 55%, #2F1A4F 100%);background:-ms-linear-gradient(-45deg, #8E2980 0%, #8E2980 14%, #422B60 55%, #2F1A4F 100%);background:linear-gradient(135deg, #8E2980 0%, #8E2980 14%, #422B60 55%, #2F1A4F 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end', GradientType=1)}.project-display-gradient.nexus-pattern{background:#130230;background:-moz-linear-gradient(-45deg, #7F2CC8 0%, #7F2CC8 14%, #2E2144 55%, #130230 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, #7F2CC8), color-stop(14%, #7F2CC8), color-stop(55%, #2E2144), color-stop(100%, #130230));background:-webkit-linear-gradient(-45deg, #7F2CC8 0%, #7F2CC8 14%, #2E2144 55%, #130230 100%);background:-o-linear-gradient(-45deg, #7F2CC8 0%, #7F2CC8 14%, #2E2144 55%, #130230 100%);background:-ms-linear-gradient(-45deg, #7F2CC8 0%, #7F2CC8 14%, #2E2144 55%, #130230 100%);background:linear-gradient(110deg, #7F2CC8 0%, #7F2CC8 14%, #2E2144 55%, #130230 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end', GradientType=1)}.project-display-gradient.speedy-vocab{background:#00617F;background:-moz-linear-gradient(-45deg, #00A566 0%, #00A566 6%, #16B5DF 55%, #00617F 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, #00A566), color-stop(14%, #00A566), color-stop(55%, #16B5DF), color-stop(100%, #00617F));background:-webkit-linear-gradient(-45deg, #00A566 0%, #00A566 6%, #16B5DF 55%, #00617F 100%);background:-o-linear-gradient(-45deg, #00A566 0%, #00A566 6%, #16B5DF 55%, #00617F 100%);background:-ms-linear-gradient(-45deg, #00A566 0%, #00A566 6%, #16B5DF 55%, #00617F 100%);background:linear-gradient(135deg, #00A566 0%, #00A566 12%, #16B5DF 40%, #00617F 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end', GradientType=1)}.project-display-container.formnflow .project-display .project-display-headings label.project-display-label{color:#8ce3ff}.project-display-container.hatcher .project-display .project-display-headings label.project-display-label{color:#EFAEFF}.project-display-container.nexus-pattern .project-display .project-display-headings{width:73%}@media only screen and (max-width: 768px){.project-display-container.nexus-pattern .project-display .project-display-headings{width:100%}}.project-display-container.nexus-pattern .project-display .project-display-headings label.project-display-label{color:#ffc46e}.project-display-container.speedy-vocab .project-display .project-display-headings{width:70%}@media only screen and (max-width: 768px){.project-display-container.speedy-vocab .project-display .project-display-headings{width:100%}}.project-display-container.speedy-vocab .project-display .project-display-headings label.project-display-label{color:#ffdc48}.project-display-gradient{position:fixed;left:0;top:0;display:flex;width:100%;height:100vh;overflow:hidden;opacity:0;z-index:0;transition:all 0.6s ease-out}.project-display-gradient.active{opacity:1;z-index:1}.project-display-gradient::before,.project-display-gradient::after{content:'';position:absolute;width:50%;height:200%;left:0;right:0;top:0;bottom:0;margin:auto;background:none;transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transition:all 0.15 ease-out}@media only screen and (max-width: 1200px){.project-display-gradient::before,.project-display-gradient::after{width:60%}}@media only screen and (max-width: 992px){.project-display-gradient::before,.project-display-gradient::after{width:70%}}@media only screen and (max-width: 768px){.project-display-gradient::before,.project-display-gradient::after{width:80%}}@media only screen and (max-width: 480px){.project-display-gradient::before,.project-display-gradient::after{width:90%}}.project-display-gradient::before{background:linear-gradient(250deg, rgba(255,0,0,0), rgba(255,255,255,0.04), rgba(255,255,255,0))}.project-display-gradient::after{left:-30%;background:linear-gradient(80deg, rgba(255,0,0,0), rgba(255,255,255,0.04), rgba(255,255,255,0))}.project-display-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}.project-display-container.active .project-display .project-display-headings h2.project-display-title{right:0;opacity:1}.project-display-container.active .project-display .project-display-headings label.project-display-label{right:0;opacity:1}.project-display-container.active .project-display .project-display-hero img.project-display-hero-image{opacity:1}.project-display-container.active .project-display .project-display-hero img.project-display-hero-image:first-child{left:0}.project-display-container.active .project-display .project-display-hero img.project-display-hero-image:last-child{left:0}.project-display-container .project-display{position:relative;display:inline-flex;align-items:center;flex-direction:row;justify-content:flex-end;width:80%;max-width:1200px;z-index:1;cursor:pointer}@media only screen and (max-width: 768px){.project-display-container .project-display{flex-direction:column;align-items:flex-start}}.project-display-container .project-display .project-display-headings{position:relative;width:50%;text-shadow:1px 1px 5px #4A4A4A;transition:all 0.2s ease-out;padding-right:30px}@media only screen and (max-width: 768px){.project-display-container .project-display .project-display-headings{margin-bottom:30px;width:100%}}.project-display-container .project-display .project-display-headings h2.project-display-title{position:relative;letter-spacing:1px;font-weight:600;font-size:50px;right:40px;transition:all 0.6s ease-out;transition-delay:0.1s}@media only screen and (max-width: 1200px){.project-display-container .project-display .project-display-headings h2.project-display-title{font-size:40px}}@media only screen and (max-width: 992px){.project-display-container .project-display .project-display-headings h2.project-display-title{font-size:35px}}@media only screen and (max-width: 768px){.project-display-container .project-display .project-display-headings h2.project-display-title{font-size:35px}}@media only screen and (max-width: 480px){.project-display-container .project-display .project-display-headings h2.project-display-title{font-size:25px}}.project-display-container .project-display .project-display-headings label.project-display-label{position:relative;font-size:20px;color:#FFC442;text-shadow:1px 1px 2px #353535;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;right:30px;transition:all 0.6s ease-out;transition-delay:0.1s}@media only screen and (max-width: 1200px){.project-display-container .project-display .project-display-headings label.project-display-label{font-size:18px}}@media only screen and (max-width: 992px){.project-display-container .project-display .project-display-headings label.project-display-label{font-size:16px}}@media only screen and (max-width: 768px){.project-display-container .project-display .project-display-headings label.project-display-label{font-size:16px}}@media only screen and (max-width: 480px){.project-display-container .project-display .project-display-headings label.project-display-label{font-size:14px}}.project-display-container .project-display .project-display-hero{position:relative;display:flex;width:100%;height:auto;transition:all 0.15s ease-out}.project-display-container .project-display .project-display-hero img.project-display-hero-image{position:relative;width:100%;height:auto;align-self:center;opacity:0.6}.project-display-container .project-display .project-display-hero img.project-display-hero-image:first-child{z-index:1;left:50px;transition:all 0.6s ease-out}.project-display-container .project-display .project-display-hero img.project-display-hero-image:last-child{position:absolute;top:0;left:30px;transition:all 0.6s ease-out}.project-display-container .project-display .project-display-hero::before{content:'';position:absolute;bottom:-10px;left:-10%;width:100%;height:20px;background:radial-gradient(closest-side, rgba(10,10,10,0.3), rgba(255,0,0,0))}.pace.pace-inactive ~ .project-display-container.welcome .logo-container svg.logo-icon{opacity:1}.pace.pace-inactive ~ .project-display-container.welcome .logo-container::after{opacity:0.4;width:80%}.pace.pace-inactive ~ .project-display-container.welcome .logo-subtitle{opacity:1}.project-display-container.welcome{position:fixed}.project-display-container.welcome .logo-container svg.logo-icon{opacity:0}.project-display-container.welcome .logo-container::after{position:absolute;right:0;left:0;margin:0 auto;max-width:380px;bottom:23px;content:'';height:1px;background:#fff;opacity:0;width:0;transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);transition-delay:0.5s}.project-display-container.welcome .logo-subtitle{opacity:0}.pace ~ .project-display-container.welcome{opacity:1;transition:all 0.3s ease-out;transition-delay:0.2s}.pace ~ .project-display-container.welcome .logo-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:50px;z-index:100;transition:all 0.4s ease-in-out;transition-delay:0.2s}.pace ~ .project-display-container.welcome .logo-container svg.logo-icon{width:80px;height:52px;opacity:0;transition:all 0.4s ease-in-out}.pace ~ .project-display-container.welcome .logo-subtitle{font-family:'Lato', sans-serif;background:#FFC442;background:-moz-linear-gradient(-45deg, #5F86FF 0%, #5F86FF 14%, #20E1FF 55%, #FFC442 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, #5F86FF), color-stop(14%, #5F86FF), color-stop(55%, #20E1FF), color-stop(100%, #FFC442));background:-webkit-linear-gradient(-45deg, #5F86FF 0%, #5F86FF 14%, #20E1FF 55%, #FFC442 100%);background:-o-linear-gradient(-45deg, #5F86FF 0%, #5F86FF 14%, #20E1FF 55%, #FFC442 100%);background:-ms-linear-gradient(-45deg, #5F86FF 0%, #5F86FF 14%, #20E1FF 55%, #FFC442 100%);background:linear-gradient(29deg, #5F86FF 0%, #5F86FF 14%, #20E1FF 55%, #FFC442 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end', GradientType=1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:all 0.4s ease-out;transition-delay:1s}