@font-face{src:url(/static/fonts/raleway/raleway-v12-latin-ext-600.eot);font-family:raleway;src:local("Raleway SemiBold"),local("Raleway-SemiBold"),url(/static/fonts/raleway/raleway-v12-latin-ext-600.eot?#raleway) format("embedded-opentype"),url(/static/fonts/raleway/raleway-v12-latin-ext-600.woff) format("woff"),url(/static/fonts/raleway/raleway-v12-latin-ext-600.woff2) format("woff2"),url(/static/fonts/raleway/raleway-v12-latin-ext-600.ttf) format("truetype"),url(/static/fonts/raleway/raleway-v12-latin-ext-600.svg#raleway) format("svg");font-style:normal;font-weight:600}@font-face{src:url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.eot);font-family:raleway;src:local("Raleway SemiBold Italic"),local("Raleway-SemiBoldItalic"),url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.eot?#raleway) format("embedded-opentype"),url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.woff) format("woff"),url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.woff2) format("woff2"),url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.ttf) format("truetype"),url(/static/fonts/raleway/raleway-v12-latin-ext-600italic.svg#raleway) format("svg");font-style:italic;font-weight:600}@font-face{src:url(/static/fonts/raleway/raleway-v12-latin-ext-800.eot);font-family:raleway;src:local("Raleway ExtraBold"),local("Raleway-ExtraBold"),url(/static/fonts/raleway/raleway-v12-latin-ext-800.eot?#raleway) format("embedded-opentype"),url(/static/fonts/raleway/raleway-v12-latin-ext-800.woff) format("woff"),url(/static/fonts/raleway/raleway-v12-latin-ext-800.woff2) format("woff2"),url(/static/fonts/raleway/raleway-v12-latin-ext-800.ttf) format("truetype"),url(/static/fonts/raleway/raleway-v12-latin-ext-800.svg#raleway) format("svg");font-style:normal;font-weight:800}@font-face{src:url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.eot);font-family:raleway;src:local("Raleway ExtraBold Italic"),local("Raleway-ExtraBoldItalic"),url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.eot?#raleway) format("embedded-opentype"),url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.woff) format("woff"),url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.woff2) format("woff2"),url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.ttf) format("truetype"),url(/static/fonts/raleway/raleway-v12-latin-ext-800italic.svg#raleway) format("svg");font-style:italic;font-weight:800}*{box-sizing:border-box}body{font-family:Raleway,sans-serif;background:#4d4d4d;margin:0;color:#a3a3a3;font-size:1vw;font-weight:600}header{background:#1d1d1d;padding:2% 15% 1% 15%;overflow:auto;display:flex;justify-content:space-between;flex-flow:row wrap;align-items:center}header form{align-items:center;flex-basis:70%;display:flex;flex-flow:row wrap;justify-content:space-between}header form input{flex-grow:.85;box-shadow:#e6e6e6 1px 1px,#e6e6e6 2px 2px,#e6e6e6 3px 3px,#e6e6e6 4px 4px;padding:5px 0 5px 0;text-indent:1vw}header form button{flex-grow:.1;box-shadow:#e6e6e6 1px 1px,#e6e6e6 2px 2px,#e6e6e6 3px 3px,#e6e6e6 4px 4px;padding:5px 10px 5px 10px}footer{width:70%;text-align:center;margin:3vw auto 3vw auto}footer .main{background:#666;box-shadow:#595959 1px 1px,#595959 2px 2px,#595959 3px 3px,#595959 4px 4px;height:5px;display:flex;flex-flow:row wrap;justify-content:center;margin:5vw auto 5vw auto}footer .main span{background:#4d4d4d;border:1px solid grey;padding:10px 20px 10px 20px;border-radius:2px}footer .tocsin img{max-width:30px;margin-right:5px;vertical-align:middle}footer a,footer a:visited{margin:0 5px 20px 5px;transition:color .5s ease;text-decoration:none;color:#cacaca}footer a .fa-heart,footer a:visited .fa-heart{transition:color .5s ease}footer a:hover,footer a:visited:hover{text-decoration:none;color:#fff}footer a:hover .fa-heart,footer a:visited:hover .fa-heart{color:#d3645f}.countdown-shadow{width:100%;height:5px;background:#677821;box-shadow:#595959 1px 1px,#595959 2px 2px,#595959 3px 3px,#595959 4px 4px;margin-top:1.5vw;margin-bottom:1.5vw}.countdown{width:100%;max-width:100%!important;height:5px;background:#bcd35f;transition:width .5s linear}.snippetinfo{background:#3d3d3d;width:70%;margin:2.5vw auto 5.5vw auto;color:#ccc;text-align:center;overflow:auto;padding:8px}.snippetinfo.fixed{position:fixed;margin-bottom:0;bottom:0;z-index:1000;width:100%;margin:0}.snippetinfo.fixed .plyr{max-width:100px!important}.snippetinfo .border{padding:2% 10% 2% 10%;overflow:auto;border:1px solid #616161}#snippets .main span,.featured span{border:1px solid #7b7b7b;border-radius:2px;padding:5px 10px 5px 10px;color:#a3a3a3}h1,h2{color:#fff}h1{line-height:1em;font-weight:800}#snippets{margin:auto;width:70%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}#snippets .main,#snippets a{flex-basis:23%;transition:all .5s ease}#snippets .main{background:#3d3d3d;padding:2vw}#snippets .main p{margin-top:1.5vw;font-size:.9em}#snippets .main h2{margin-top:0}#snippets a{cursor:pointer;text-decoration:none;opacity:.7;align-content:flex-start;margin-bottom:3vw}#snippets a:hover{opacity:1;color:#fff}#snippets a img{width:100%}#snippets a p{display:flex;justify-content:space-between;margin-bottom:0}.message{text-align:center;padding:.55vw;background:#3d3d3d;color:#a3a3a3}.message a{color:#fff}.message.error{background:#d3645f;color:#fff}.fade-in-and-out{visibility:hidden;transition:visibility 2s,opacity 2s linear;opacity:0}a,a:visited{color:#fff;text-decoration:none;transition:color .5s ease}a .warning,a:visited .warning{transition:color .5s ease}a:hover,a:visited:hover{color:#fff;text-decoration:underline;transition:color .5s ease}a:hover .warning,a:visited:hover .warning{color:#d3645f}.controlbar{margin-top:1.5vw;display:flex;flex-wrap:wrap;justify-content:space-between}.controlbar .right{display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto}.controlbar .right button{margin-right:0;margin-left:10px}.controlbar button{margin-right:10px;background:#bcd35f;color:#56641c;border-bottom:4px solid #89a02c;cursor:pointer;padding:10px 20px 10px 20px;opacity:.7;transition:opacity .5s ease}.controlbar button:hover{opacity:1;transition:opacity .5s ease}.controlbar button.inactive{background:grey;color:#272727;border-bottom:4px solid #4d4d4d;cursor:default}.controlbar button.inactive:hover{opacity:.7}.logo_short{width:9%;max-width:60px}.logo_short img{background:#9ba766;padding:20%;width:100%}.logo_big{width:40%;max-width:400px;margin:0 auto 6% auto}.logo_big img{background:#9ba766;padding:5% 10% 5% 10%;width:100%}ol,ul{margin:15px 0 0 0;padding:0}ol li,ul li{margin-left:.8em}button,input{border:0;outline:0;font-family:Raleway;font-weight:600;font-size:1vw;color:#3d3d3d}form button,form input{background:#fff;opacity:.7;transition:opacity .5s ease}form button:focus,form button:hover,form input:focus,form input:hover{opacity:1}form button[type=submit]:hover{cursor:pointer}.fl{float:left;margin-left:0}.fr{float:right;margin-right:0}.tac{text-align:center}.home{margin:10% auto 0 auto;width:60%}.home .message{margin-bottom:2%}.home .box{background:#3d3d3d;padding:8px}.home .box form{padding:3% 14% 3% 14%;overflow:auto;border:1px solid #616161;display:flex;justify-content:space-between;align-items:center}.home .box form input{flex-grow:.85;padding:5px 0 5px 0;text-indent:1vw}.home .box form button{box-shadow:#e6e6e6 1px 1px,#e6e6e6 2px 2px,#e6e6e6 3px 3px,#e6e6e6 4px 4px;flex-grow:.1;padding:5px 10px 5px 10px}.home .featured{margin:5% auto 5% auto;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:stretch}.home .featured a{border:0;transition:all .5s ease;padding:0;margin:0;text-decoration:none;flex-basis:24%;margin-bottom:3vw;opacity:.7}.home .featured a:hover{opacity:1}.home .featured a img{width:100%}.home .featured a p{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.home .featured .main{margin-bottom:3vw;background:#3d3d3d;flex-basis:24%;padding:1vw;text-align:justify}.home footer{width:100%}#autocomplete{flex-grow:.8;display:flex;align-items:center;background:#fff;opacity:.7;transition:opacity .5s ease;box-shadow:#e6e6e6 1px 1px,#e6e6e6 2px 2px,#e6e6e6 3px 3px,#e6e6e6 4px 4px;padding-right:1vw}#autocomplete:focus-within,#autocomplete:hover{opacity:1}#autocomplete input{color:#000;box-shadow:unset;flex-grow:.95;opacity:.7}#autocomplete .flash{flex-grow:.05;text-align:right;color:#3d3d3d}#autocomplete-result{align-self:flex-start;position:absolute;background:rgba(230,230,230,.85);box-shadow:0 20px 61px -3px rgba(0,0,0,.6);padding:0;z-index:1000}#autocomplete-result a{padding:2% 3% 2% 3%;display:flex;align-items:center;color:#7a7a7a;background:#fff;transition:opacity .5s ease;opacity:.7;justify-content:space-between}#autocomplete-result a.selected,#autocomplete-result a:focus,#autocomplete-result a:hover{cursor:pointer;opacity:1;text-decoration:none}#autocomplete-result a .sub{font-weight:400;font-size:.9em}#autocomplete-result a img{max-width:15%}#autocomplete-result span.noresults{padding:2% 3% 2% 3%;color:#7a7a7a;background:#fff;display:flex}.flash{animation-name:flash;animation-duration:4s;animation-fill-mode:both;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}form .flash{visibility:hidden}.plyr{font-family:Raleway,sans-serif!important;font-weight:600;width:70%;margin:auto;margin-top:2vw}.plyr .plyr__control--overlaid{background:#bcd35f!important;color:#56641c!important;opacity:.7}.plyr .playComplete,.plyr .playMix,.plyr .playNext,.plyr .playPrevious,.plyr .searchLyrics{background:0 0}.plyr .playComplete:hover svg,.plyr .playMix:hover svg,.plyr .playNext:hover svg,.plyr .playPrevious:hover svg,.plyr .searchLyrics:hover svg{color:#56641c!important}.plyr .plyr__control:hover{background:#bcd35f!important;color:#56641c!important}.plyr:hover .plyr__control{opacity:1}.plyr__controls .plyr__control[aria-expanded=true]{background:#bcd35f!important;color:#56641c!important}.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#bcd35f!important}.plyr--full-ui [aria-hidden=true]{display:inline!important;color:#fff}.plyr--full-ui input[type=range]{color:#bcd35f!important}.plyr--fullscreen-active{margin-top:0}@media screen and (max-width:1500px){.home .featured .main,.home .featured a{flex-basis:30%}}@media screen and (max-width:1400px){body,button,input{font-size:1.3vw}}@media screen and (max-width:1200px){body,button,input{font-size:1.5vw}}@media screen and (max-width:1000px){body,button,input{font-size:1.7vw}.snippetinfo{padding:0}.snippetinfo .border{border:0;padding:3% 5% 3% 5%}.plyr,.snippetinfo{width:100%}#snippets{width:90%}header{padding:4vw 5% 2vw 5%}footer{width:90%}#snippets .main{padding:1.5 vw}.home{width:80%}.home .featured .main,.home .featured a{flex-basis:45%}.home .featured .main{padding:1.5vw}}@media screen and (max-width:800px){body,button,input{font-size:2.1vw}#snippets .main,#snippets a{flex-basis:30%}.home .featured .main{padding:2vw}footer .main{background:0 0;box-shadow:unset;height:auto}footer a{margin:0 5px 30px 5px}}@media screen and (max-width:700px){.controlbar button{margin-left:0;margin-right:0}.controlbar .right{width:100%}.controlbar .right button{margin:3vw 0 0 0}}@media screen and (max-width:600px){body,button,input{font-size:2.5vw}#snippets .main{padding:3vw}.home{position:relative;width:90%;margin-top:10%}.home #autocomplete-result{margin-top:2px!important}.home .box form{padding:7% 14% 7% 14%;display:block}.home .box form button{width:100%;margin-left:0;margin-top:5%}.home .featured .main,.home .featured a{flex-basis:100%;margin-bottom:5vw}.home .featured .main{padding:3vw}.logo_big{width:60%;margin-bottom:10%}.countdown-shadow{margin-bottom:4vw}#snippets .main,#snippets a{flex-basis:45%}header{align-items:flex-start}header .logo_short{margin-bottom:1vw}header #autocomplete{flex-grow:1}header form{flex-basis:85%}header form button{display:none}}@media screen and (max-width:500px){body,button,input{font-size:3vw}}@media screen and (max-width:400px){body,button,input{font-size:4vw}header{padding:4vw 5% 2vw 5%}#snippets .main,#snippets a{flex-basis:100%;flex-direction:column;margin-bottom:5vw}footer a{margin-left:auto;margin-right:auto}}.plyr.mini{position:fixed;z-index:1}