#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:calc(100vh - 15px)}#app *{font-family:futura-pt,Libre Franklin,sans-serif;font-weight:700;line-height:1.5rem}#app .hide{display:none}#app .main-content{text-align:center}#app a{color:#000;padding:3px;display:inline-block;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgb(243,242,237)),color-stop(50%,#607d8b));background:linear-gradient(#f3f2ed 50%,#607d8b 50%);background-size:100% 200%;-webkit-transition:all .2s ease;transition:all .2s ease}#app a:hover{background-position:100% 100%;color:#f3f2ed}#app .svgs{position:relative;text-align:left}@media(min-width:768px){#app .svgs{text-align:center}}#app .info{border:2px solid #000;-webkit-box-shadow:3px 3px 5px #888888;box-shadow:3px 3px 5px #888;background-color:#607d8b;color:#f3f2ed;position:relative}#app .info__content{padding:10px}#app .info__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding-left:0}#app .info__list__item{-ms-flex-preferred-size:45%;flex-basis:45%;display:block}@media(min-width:768px){#app .info__list__item{-ms-flex-preferred-size:30%;flex-basis:30%}}@media(min-width:992px){#app .info__list__item{-ms-flex-preferred-size:22.5%;flex-basis:22.5%}}@media(min-width:1200px){#app .info__list__item{width:18%}}#app .info__list__item .thumbnail-container{height:0;padding-bottom:100%}#app .info__popup__preview{padding:5px;cursor:pointer;-webkit-transition:padding .2s linear;transition:padding .2s linear}#app .info__popup__preview:hover{padding:0;-webkit-transition:padding .2s linear;transition:padding .2s linear}#app .info__popup__preview h4{font-size:18px}@media(max-width:768px){#app .info__popup__preview h4{font-size:14px}}#app .init-header{line-height:45px;margin:0}#app .info__right-arrow,#app .info__left-arrow{position:absolute;right:5px;top:0;cursor:pointer;overflow:hidden;height:45px;width:45px}#app .info__right-arrow:before,#app .info__left-arrow:before{top:50%;border:solid transparent;border-radius:15px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#c2e1f500;border-left-color:#f3f2ed;border-right-color:#607d8b;border-width:20px;margin-top:-20px;opacity:1}#app .info__right-arrow:after,#app .info__left-arrow:after{top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-left-color:#607d8b;border-right-color:transparent;border-width:15px;margin-top:-15px}#app .info__left-arrow{position:absolute;left:5px;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#app .info__left-arrow:before{border-right-color:#607d8b;border-left-color:#f3f2ed}#app .info__left-arrow:after{border-left-color:#607d8b;border-right-color:transparent}#app .info__popup{height:0;width:0;overflow:hidden}#app .info__popup:before,#app .info__popup:after{content:"";height:0;width:0;position:absolute;top:100px;border:2px solid transparent}#app .info--show-popup{display:block;position:fixed;top:100px;width:80%;height:auto;left:0;right:0;margin:auto;z-index:2;background-color:#607d8b;color:#f3f2ed;padding:20px;-webkit-transition:color .25s;transition:color .25s}@media(min-width:768px){#app .info--show-popup{width:60%}}#app .info--show-popup:before,#app .info--show-popup:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;z-index:-1;border:2px solid transparent}#app .info--show-popup:before{top:0;left:0}#app .info--show-popup:after{bottom:0;right:0;top:auto}#app .info--show-popup:before,#app .info--show-popup:after{width:100%;height:100%}#app .info--show-popup:before{border-top-color:#f3f2ed;border-right-color:#f3f2ed;-webkit-transition:width .25s ease-out,height .25s ease-out .25s;transition:width .25s ease-out,height .25s ease-out .25s}#app .info--show-popup:after{border-bottom-color:#f3f2ed;border-left-color:#f3f2ed;-webkit-transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s}#app .info__popup--img{display:block;margin:auto;max-width:50%}@media(min-width:768px){#app .info__popup--img{max-width:37.5%}}@media(min-width:992px){#app .info__popup--img{max-width:25%}}#app .modal-background--open{top:0;left:0;right:0;height:100vh;width:100vw;position:fixed;background-color:#000c}#app .main-nav{margin:25px 0 0;padding-left:0}@media(min-width:768px){#app .main-nav{margin-top:50px}}#app .main-nav__item{border:2px solid #000;height:50px;max-height:50px;display:block;position:relative;text-align:center;line-height:48px;margin-bottom:10px;cursor:pointer}#app .main-nav__item--bouncing{-webkit-animation:bounce 1.2s;animation:bounce 1.2s;-webkit-animation-delay:.6s;animation-delay:.6s;background-color:#607d8b;color:#fff}@-webkit-keyframes bounce{15%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}25%{-webkit-transform:translateY(0%);transform:translateY(0)}50%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}70%{-webkit-transform:translateY(0%);transform:translateY(0)}80%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}90%{-webkit-transform:translateY(0%);transform:translateY(0)}95%{-webkit-transform:translateY(-7%);transform:translateY(-7%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes bounce{15%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}25%{-webkit-transform:translateY(0%);transform:translateY(0)}50%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}70%{-webkit-transform:translateY(0%);transform:translateY(0)}80%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}90%{-webkit-transform:translateY(0%);transform:translateY(0)}95%{-webkit-transform:translateY(-7%);transform:translateY(-7%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}#app .info--sliding-right{-webkit-animation:slidein-right 1s 2;animation:slidein-right 1s 2;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes slidein-right{0%{margin-left:0%;width:100%;opacity:1}to{margin-left:100%;width:100%;opacity:0;background-color:#f3f2ed}}@keyframes slidein-right{0%{margin-left:0%;width:100%;opacity:1}to{margin-left:100%;width:100%;opacity:0;background-color:#f3f2ed}}#app .info--sliding-left{-webkit-animation:slidein-left 1s 2;animation:slidein-left 1s 2;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes slidein-left{0%{margin-left:0%;width:100%;opacity:1}to{margin-left:-100%;width:100%;opacity:0;background-color:#f3f2ed}}@keyframes slidein-left{0%{margin-left:0%;width:100%;opacity:1}to{margin-left:-100%;width:100%;opacity:0;background-color:#f3f2ed}}#app .info--sliding-up{-webkit-animation:slidein-up 2s;animation:slidein-up 2s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes slidein-up{0%{margin-top:0;height:100%;opacity:1}10%{opacity:.2;background-color:#f3f2ed}50%{margin-top:100vh;height:100%;opacity:0;background-color:#f3f2ed}90%{opacity:.2;background-color:#fff}to{margin-top:0;height:100%;opacity:1}}@keyframes slidein-up{0%{margin-top:0;height:100%;opacity:1}10%{opacity:.2;background-color:#f3f2ed}50%{margin-top:100vh;height:100%;opacity:0;background-color:#f3f2ed}90%{opacity:.2;background-color:#fff}to{margin-top:0;height:100%;opacity:1}}#app .arrow--sliding:before,#app .arrow--sliding:after{border-color:transparent}#app #matt-img{position:absolute;top:0;right:0;display:inline-block;height:100%;max-width:30%}@media(min-width:768px){#app #matt-img{max-width:15%}}#app #matt-img{cursor:pointer}#app #matt-img path{stroke:#607d8b;stroke-width:20;stroke-dasharray:8000;stroke-dashoffset:8000;-webkit-animation:drawMatt 4s 1 linear;animation:drawMatt 4s 1 linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#app #matt-img:active path{-webkit-animation:drawMatt2 4s 1 ease;animation:drawMatt2 4s 1 ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes drawMatt{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@keyframes drawMatt{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@-webkit-keyframes drawMatt2{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@keyframes drawMatt2{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}#app #matthew-svg{max-width:60%;max-height:95%;position:relative;display:inline-block;cursor:pointer}@media(min-width:768px){#app #matthew-svg{max-width:40%}}#app #matthew-svg path{fill-opacity:0;stroke:#607d8b;stroke-width:2;stroke-dasharray:870;stroke-dashoffset:870;-webkit-animation:drawSVG 4s 1 linear;animation:drawSVG 4s 1 linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#app #matthew-svg:active path{-webkit-animation:drawSVG2 4s 1 ease;animation:drawSVG2 4s 1 ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes drawSVG{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@keyframes drawSVG{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@-webkit-keyframes drawSVG2{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}@keyframes drawSVG2{to{stroke-dashoffset:0;fill:#607d8b;fill-opacity:1}}h1[data-v-4d93d3da],h2[data-v-4d93d3da]{font-weight:400}ul[data-v-4d93d3da]{list-style-type:none;padding:0}li[data-v-4d93d3da]{display:inline-block;margin:0 10px}a[data-v-4d93d3da]{color:#42b983}