html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}#app{font-family:Inconsolata,monospace;background:#1f1f1f}@-webkit-keyframes playing{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.5}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes playing{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.5}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes filter-animation{0%{-webkit-filter:hue-rotate(0deg) blur(10px);filter:hue-rotate(0deg) blur(10px)}to{-webkit-filter:hue-rotate(1turn) blur(10px);filter:hue-rotate(1turn) blur(10px)}}@keyframes filter-animation{0%{-webkit-filter:hue-rotate(0deg) blur(10px);filter:hue-rotate(0deg) blur(10px)}to{-webkit-filter:hue-rotate(1turn) blur(10px);filter:hue-rotate(1turn) blur(10px)}}@-webkit-keyframes slidedown{0%{opacity:0}to{opacity:1}}@keyframes slidedown{0%{opacity:0}to{opacity:1}}footer{padding:5px;background-color:#1f1f1f;color:#f1f1f1;text-align:center;font-size:.85em}.grid{margin:0;padding:5px;background:#1f1f1f}.grid .item{float:left;position:relative;width:calc(20% - 10px);padding-bottom:0;cursor:pointer;-webkit-perspective:1000;perspective:1000;margin:5px;background-position:50%;background-repeat:no-repeat;background-size:cover}.grid .item.active .grid-layout-flip__content,.grid .item:hover .grid-layout-flip__content{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (max-width:1199px){.grid .item{width:calc(25% - 10px)}}@media (max-width:991px){.grid .item{width:calc(33% - 10px)}}@media (max-width:768px){.grid .item{width:calc(50% - 10px)}}@media (max-width:480px){.grid .item{width:100%;margin:0 0 5px 0}}@media (min-width:768px){.grid{page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.grid-layout-panel__content{border-radius:10px;overflow:hidden;padding:10px;width:100%;text-align:center}.grid-layout-panel__content h2,.grid-layout-panel__content h3{text-shadow:2px 4px 3px rgba(0,0,0,.3);margin-bottom:.5em}.grid-layout-flip{cursor:pointer;-webkit-perspective:1000;perspective:1000}.grid-layout-flip.active .grid-layout-flip__content,.grid-layout-flip:hover .grid-layout-flip__content{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.grid-layout-flip--md{height:320px}.grid-layout-flip__panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;-webkit-box-shadow:2px 4px 3px rgba(0,0,0,.3);box-shadow:2px 4px 3px rgba(0,0,0,.3)}.grid-layout-flip__panel--front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,.2);box-shadow:inset 0 0 100px rgba(0,0,0,.2);z-index:2;padding:.5em}.grid-layout-flip__panel--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-layout-flip__content{height:100%;overflow:visible;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.25s;transition:.25s;padding-bottom:100%}.grid-layout-static__content{padding-bottom:100%}.tx--white{color:#fff}.tx--base{color:inherit}.tx--blue{color:#1e8bc3}.txt-orange{color:#f40}.bg--red{background-color:#e74c3c}.bg--green{background-color:#26a65b}.bg--purple{background-color:#8e44ad}.bg--blue{background-color:#1e8bc3}.bg--light{background-color:#f1f1f1}.clearfix{overflow:auto}.clearfix:after{content:"";clear:both;display:table}.audio-link{cursor:pointer;display:inline-block;padding:.5em 1em;margin:1em 0;font-size:1.2em;border-top:2px solid #fff;border-bottom:2px solid #fff;background:hsla(0,0%,100%,0);color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;text-shadow:2px 4px 3px rgba(0,0,0,.3);font-weight:700}.audio-link:hover{background:hsla(0,0%,100%,.2)}.track-list-preview{position:relative}.track-list-preview-fadeout{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin:0;padding:30px 0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(231,76,60,0)),to(#e74c3c));background-image:linear-gradient(180deg,rgba(231,76,60,0),#e74c3c)}.audioplayer{position:fixed;overflow:auto;z-index:9}.audioplayer,.audioplayer .audioplayer-bg{top:0;bottom:0;left:0;right:0;background-color:#1f1f1f}.audioplayer .audioplayer-bg{position:absolute;background-size:cover;background-position:50%;opacity:.5;-webkit-filter:blur(10px);filter:blur(10px);z-index:-1}.audioplayer .audioplayer-bg.playing{-webkit-animation:filter-animation 10s infinite;animation:filter-animation 10s infinite}.audioplayer .audioplayer-info{text-align:center;color:#f1f1f1;margin:2em 0}.audioplayer .audioplayer-info h1{font-size:4em;text-shadow:2px 4px 3px rgba(0,0,0,.3)}.audioplayer .audioplayer-info h2{font-size:2em;text-shadow:2px 4px 3px rgba(0,0,0,.3)}.audioplayer .audioplayer-timeline{position:fixed;top:0;background:#e74c3c;color:#f1f1f1;width:0;height:5px}.audioplayer .audioplayer-time{padding:10px 15px;color:#1f1f1f;font-size:.75em;background-color:hsla(0,0%,100%,.4);-webkit-box-shadow:2px 4px 3px rgba(0,0,0,.1);box-shadow:2px 4px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.audioplayer .audioplayer-list{margin:0 auto;max-width:800px}.audioplayer .audioplayer-list ul{padding:.5em}.audioplayer .audioplayer-list ul .audioplayer-list-item{cursor:pointer;padding:1em;background:#f1f1f1;border-bottom:1px solid #ccc;-webkit-transition:all .3s ease;transition:all .3s ease}.audioplayer .audioplayer-list ul .audioplayer-list-item.playing{background:#d1d1d1}.audioplayer .audioplayer-list ul .audioplayer-list-item.playing:before{content:"";display:inline-block;position:relative;z-index:3;width:0;height:0;border-left:7px solid #000;border-top:5px solid transparent;border-bottom:5px solid transparent;-webkit-animation:playing 1.5s ease-out infinite;animation:playing 1.5s ease-out infinite}.audioplayer .audioplayer-list ul .audioplayer-list-item:hover{background:#e1e1e1}.audioplayer .audioplayer-list ul .audioplayer-list-item:last-child{-webkit-box-shadow:2px 4px 3px rgba(0,0,0,.3);box-shadow:2px 4px 3px rgba(0,0,0,.3)}.audioplayer .audioplayer-controls{position:-webkit-sticky;position:sticky;bottom:0;margin:0 auto;max-width:800px;padding:.5em}.audioplayer .audioplayer-controls span{cursor:pointer;display:block;text-align:center;padding:.5em 1em;margin:.5em 0;background:#e74c3c;color:#f1f1f1;-webkit-box-shadow:2px 4px 3px rgba(0,0,0,.3);box-shadow:2px 4px 3px rgba(0,0,0,.3)}.audioplayer .close{cursor:pointer;color:#f1f1f1;font-size:5em;line-height:0;width:100px;height:0;padding:.5em;position:absolute;right:0;text-shadow:2px 4px 3px rgba(0,0,0,.3)}@media (max-width:768px){.audioplayer .close{font-size:3em;width:80px}}.slide-fade-enter-active,.slide-fade-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.slidedown-enter-active,.slidedown-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slidedown-enter,.slidedown-leave-to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}