@keyframes backgroundColorPalette{0%{background:red}14%{background:orange}28%{background:#ff0}42%{background:lime}56%{background:blue}70%{background:indigo}84%{background:violet}100%{background:blue}}.stack{display:grid;grid-template-columns:1fr}.stack span{text-align:center;font-family:"Heebo",sans-serif;font-size:30px;text-transform:uppercase;color:#fff;margin:0;grid-row-start:1;grid-column-start:1;--stack-height: calc(100% / var(--stacks) - 1px);--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));--clip-top: calc(var(--stack-height) * var(--index));--clip-bottom: calc(var(--stack-height) * var(--inverse-index));clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);animation:stack 340ms cubic-bezier(0.46, 0.29, 0, 1.24) 1 backwards calc(var(--index)*120ms),glitch 2s ease infinite 2s alternate-reverse}@media(min-width: 768px){.stack span{text-align:left;font-size:50px}}@media(min-width: 1024px){.stack span{font-size:50px}}.stack span:nth-child(odd){--glitch-translate: 8px}.stack span:nth-child(even){--glitch-translate: -8px}@keyframes stack{0%{opacity:0;transform:translateX(-50%);text-shadow:-2px 3px 0 red,2px -3px 0 blue}60%{opacity:.5;transform:translateX(50%)}80%{transform:none;opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue}100%{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,100%{text-shadow:none;transform:none}}#slideshow{text-align:center;overflow:hidden;width:199px;height:350px;margin:0 auto}.slide-wrapper{width:199px}.slide{float:left;width:199px;height:350px}@-webkit-keyframes slide{20%{margin-left:0px}30%{margin-left:-199px}50%{margin-left:-398px}60%{margin-left:-597px}}#cf{position:relative;height:400px}#cf img{width:199px;animation-name:cf3FadeInOut;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:6s;animation-direction:alternate;position:absolute;left:50%;margin-left:-100px}@media(min-width: 768px){#cf img{left:auto;right:10%}}#cf img:nth-of-type(1){animation-delay:5s}#cf img:nth-of-type(2){animation-delay:3s}#cf img:nth-of-type(3){animation-delay:1s}@keyframes cf3FadeInOut{0%{opacity:1}25%{opacity:0}75%{opacity:0}100%{opacity:1}}html{background:#000;background:rgba(0,0,0,0)}html,body{margin:0;padding:0}@media(min-width: 768px){html,body{height:100%}}body{background-color:#858585}@media(min-width: 768px){body{display:flex;flex-direction:column;margin:0;border-width:0}}.row{padding:1rem;color:#fff}@media(min-width: 768px){.row{padding:0;display:flex;flex-wrap:wrap;flex-direction:column-reverse;flex-direction:row}}.row.intro{text-align:center}@media(min-width: 768px){.row.intro{text-align:left}}.row.cta{padding-top:3em;color:#212121;background-color:#fff}.row.community{padding-bottom:5em}.col-1,.col-2,.col-3{width:100%}@media(min-width: 768px){.row-intro{text-align:left}.row.cta{background-color:rgba(0,0,0,0);color:#fff;text-align:center}.row.community{margin:2em auto 0 auto;width:100%;padding:4rem 0}.col-1,.col-2,.col-3{width:25%;margin-right:2%}.col-2{width:45%}.col-3{width:20%;margin-right:0}}@media(min-width: 1220px){.col-2{background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%)}}img{max-width:100%}p,ul,ol{font-family:"Bree Serif",serif;font-size:1.25em;line-height:1.5em}p.intro,ul.intro,ol.intro{margin-top:.5em}@media(min-width: 768px){p,ul,ol{font-size:1.75em}}li{font-size:.75em}.gradient{width:100%;height:100%;background:linear-gradient(270deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%)}.main{flex:1 0 auto;background-color:#215a5a;animation-name:backgroundColorPalette;animation-duration:60s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}@media(min-width: 768px){.main{margin:0;border-width:0;-webkit-box-shadow:none;box-shadow:none}}@media(min-width: 768px){.main{padding:3em 0 0 0}}.main:before{content:"";background:linear-gradient(270deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);position:fixed;min-height:100vh;height:100%;width:100%;top:0;left:0;z-index:-100}.cta{text-align:center;margin:0 auto;padding-bottom:3em;max-width:1300px}.cta p{text-align:center;margin:0 auto;width:100%}.actions{display:block;position:relative;margin:0 auto;text-align:center}@media(min-width: 768px){.actions{min-height:3em;width:40% !important;margin:0 auto;clear:both}}@media(min-width: 768px){.actions .icon{position:absolute;left:0;top:0}}.community{background:#000}.community .col{margin:0 auto;padding:3em 1em 4em 1em;max-width:600px}.community p{font-size:1.25em}.col-1 img{margin-top:4em}.col-2{z-index:100}.col-3 img{width:215px;margin-top:75px}.col-3 p.credit{font-size:1em;margin-top:0}@media(min-width: 768px){.col-3 p.credit{display:none}}.video{margin-top:3em;text-align:center;background:#00ffc1;padding:1em;background:linear-gradient(270deg, #00ffbd, #1e9f7e);background-size:400% 400%;-webkit-animation:videoFrameAnimation 33s ease infinite;-moz-animation:videoFrameAnimation 33s ease infinite;animation:videoFrameAnimation 33s ease infinite}.video iframe{max-width:100%}@-webkit-keyframes videoFrameAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes videoFrameAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes videoFrameAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.icon{display:none}@media(min-width: 1220px){.icon{border-radius:50%;width:75px;border:1px solid #215a5a;display:inline-block;margin-top:-8px;border:1px solid #fff;-webkit-box-shadow:2px 4px 15px -1px rgba(0,0,0,.15);box-shadow:2px 4px 15px -1px rgba(0,0,0,.15)}}.icon:hover{zoom:1.07}.mobile-credit{display:block;color:#000;font-size:16px}.mobile-credit a{color:#215a5a}@media(min-width: 768px){.mobile-credit{display:none}}.footer{flex-shrink:0;width:100%;display:none}@media(min-width: 768px){.footer{display:block}}.footer p{text-align:center;font-family:"Roboto",sans-serif;font-size:14px}@media(min-width: 768px){.footer p{font-size:20px}}.footer a{color:#fff;text-decoration:underline}.footer a:hover{color:#000}h1,h2{font-family:"Heebo",sans-serif;font-size:30px;text-transform:uppercase;color:#fff;text-align:center;margin:0}@media(min-width: 768px){h1,h2{text-align:left;font-size:70px}}h2{font-size:25px}a{color:#fff}a.button{text-transform:uppercase;font-size:.75em;background-color:#215a5a;color:#fff;text-decoration:none;padding:.5em 1.5em;border-radius:4px;text-align:center;transition:all 1s;-webkit-transition:all 1s;min-width:11em;-webkit-box-shadow:2px 4px 15px -1px rgba(0,0,0,.15);box-shadow:2px 4px 15px -1px rgba(0,0,0,.15);margin:0 auto 1em auto;display:inline-block}@media(min-width: 768px){a.button{margin:0 1em 0 0;background-color:#fff;color:#215a5a;max-width:100%;width:100%;text-indent:2em}}a.button:hover{background-color:#376e6e;color:#fff}.sample{position:absolute;width:199px;height:301px;flex:0 0 200px;box-sizing:border-box;transition:all .5s;max-width:100%;margin-bottom:1em}.sample:hover{padding-top:.5rem;padding-bottom:.5rem}.sample:nth-of-type(2){top:30px;left:30px}.sample:nth-of-type(3){top:60px;left:60px}@media(min-width: 768px){.sample{padding:1rem 1rem 1rem 0;position:static;left:0;top:0}}.samples{margin-top:2em;margin-left:30px;position:relative;overflow:visible;min-height:400px}@media(min-width: 768px){.samples{margin-left:0;display:flex;flex-direction:column;flex-direction:row;min-height:none}}/*# sourceMappingURL=main.css.map */