:root{--white-bg-color:#fcfcfc;--dark-bg-color:#110a14;--main-text-color:#222;--link-color:green}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}ol,ul{margin:0 0 1.5385em;padding:0}dd{margin:0 0 0 3em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0;padding:0}li{line-height:1.5385em}sub,sup{font-size:75%;font-size:.8462em;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}*{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}*,:after,:before{box-sizing:border-box}.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:.35em;background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);border:none}::-webkit-scrollbar-track{box-shadow:none;background-color:transparent}html{outline:0}body,html{width:100%;height:100%;overflow:hidden;padding:0;margin:0}body{background:transparent;font-family:Roboto,sans-serif;font-size:16px;line-height:1.375em;letter-spacing:.01em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);color:var(--main-text-color)}.hidden{display:none!important}h1,h2,h3,h4,h5,h6{font-family:Lora,serif;font-weight:700;margin:0 0 1rem;letter-spacing:0}p{margin:0 0 1em}a{color:green}#logo{position:relative;z-index:1000}#logo a.round{position:fixed;top:-3px;left:-3px;width:120px;height:120px;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.33);background:url(../images/PCDlogo_green3.png);background-color:rgba(0,0,0,.33);background-size:contain;background-repeat:no-repeat;transform:rotate(-1deg)}.rssWrapper{position:fixed;top:1rem;right:1rem;z-index:1002}.rssWrapper a{color:#fcfcfc;text-decoration:none}#backdrop{position:absolute;width:100vw;height:100vh;top:0;left:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:-2;overflow:hidden}#loading{border-right:1px solid rgba(0,0,0,.1);width:60px;height:60px;border-radius:100%;-webkit-animation:sk-scaleout 1s ease-in-out infinite;animation:sk-scaleout 1s ease-in-out infinite;display:none}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.peakFileWrapper{position:absolute;width:calc(100vw - 460px);height:60px;bottom:0;left:460px}#peakFile{background-color:#eee;background-image:url(../images/peakfiles/default.png);background-size:100% 100%;background-repeat:no-repeat}#peakFile,#peakFile canvas{width:100%;height:60px}#playlist{height:100%;top:0;background-color:transparent;display:block}#list,#playlist{position:absolute;width:100%;left:0}#list{padding:1rem 0;background:var(--white-bg-color);color:var(--main-text-color);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;overflow-y:scroll}#volume{width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;z-index:1001}#volume,.bar{position:absolute}.bar{top:50%;left:5%;margin:-5px auto;height:10px;background-color:#fcfcfc;box-shadow:1px 1px 2px rgba(0,0,0,.33)}#barEmpty{width:90%;opacity:.5;box-shadow:none;cursor:pointer}#barFull{width:90%}#sliderBtn{width:50px;height:50px;left:93.25%;margin:-25px auto;background-color:#fcfcfc;box-shadow:1px 1px 5px rgba(0,0,0,.33);border-radius:25px;cursor:pointer}#sliderBtn,#waveform{position:absolute;top:50%}#waveform{width:100%;height:30%;left:0;margin:-15% auto;display:none;opacity:.8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#waveform:hover{opacity:1}#bar{top:50%;width:100%;height:2px;margin-top:-1px;background-color:hsla(0,0%,100%,.9);opacity:.9}#bar,#progress{position:absolute;left:0}#progress{top:0;width:0;height:60px;background-color:hsla(0,0%,100%,.25);border-right:1px solid var(--link-color);z-index:0;pointer-events:none}.fadeout{-webkit-animation:fadeout .5s;animation:fadeout .5s}.fadein{-webkit-animation:fadein .5s;animation:fadein .5s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@media screen{#titleWrapper{position:absolute;flex-direction:column;bottom:110px;width:100vw;background-color:var(--white-bg-color);color:var(--main-text-color);display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid rgba(8,3,3,.1)}#titleWrapper #track{width:100%;flex:1;padding:1rem}#titleWrapper #subtitle{width:100%;max-width:auto;padding:0 1rem 1rem}.durationWrapper{position:absolute;height:50px;bottom:0;left:250px;width:calc(100vw - 250px);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:0;overflow:hidden;border-right:0}.peakFileWrapper{bottom:50px;z-index:1000}.controlsWrapper,.peakFileWrapper{position:absolute;left:0;width:100%}.controlsWrapper{height:50px;bottom:0;background-color:var(--white-bg-color);color:var(--main-text-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.btn{cursor:pointer;opacity:.9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-999em;border-right:1px solid rgba(0,0,0,.1);width:20%;height:50px;background-position:50%;background-repeat:no-repeat;background-size:20%}.btn:hover{opacity:1}#playlistBtn{z-index:1000}#list{max-height:calc(80% - 50px);bottom:110px}#listShade{position:absolute;bottom:0;right:0;width:calc(100vw - 20%);height:50px;background-color:var(--dark-bg-color);opacity:.35}.list-song{flex:0 0 100%;min-height:140px;height:auto;text-align:left;padding:.65rem 1rem;position:relative;overflow:hidden}.listHeader{display:block;width:100%;padding:.5rem 1rem 1rem;margin-bottom:.5rem}.listHeader h2{margin:0}.list-icon{position:relative;top:0;left:50%;transform:translate(-50%);width:6rem;height:6rem;border-radius:50%;background-color:green;background-position:50%;background-size:cover;display:block;float:none;margin:0 0 1.5rem;cursor:pointer}.list-title{width:100%;font-family:Lora,serif;font-size:21px;line-height:1.35em;margin-left:0;margin-bottom:.35rem;letter-spacing:0;cursor:pointer;text-align:center}.list-title:hover{text-decoration:underline}.list-contributor{font-family:Lora,serif;font-size:21px;line-height:1.35em;margin-bottom:.35rem;letter-spacing:0}.list-contributor,.list-description,.list-duration{margin-left:0;text-align:center}.list-duration{font-style:italic;margin-top:5px}.list-trackLength{color:#add8e6;margin-left:0}}@media screen and (min-width:480px){.durationWrapper{left:250px;width:calc(100vw - 250px);background-color:var(--white-bg-color);color:var(--main-text-color);font-size:21px;font-weight:300;border-right:1px solid rgba(0,0,0,.1)}.btn{width:50px;background-size:35%}#listShade{width:calc(100vw - 50px)}.list-song{min-height:140px;height:auto;text-align:left;padding:.65rem 1.5rem;position:relative;overflow:hidden}.listHeader{display:block;width:100%;padding:.75rem 1.5rem .5rem;margin-bottom:1.25rem}.listHeader h2{margin:0}.list-contributor,.list-title{width:auto;margin-left:8rem;text-align:left}.list-icon{position:absolute;top:.375rem;left:1.5rem;transform:translate(0);width:6rem;height:6rem;float:left;margin:0;cursor:pointer}.list-description,.list-duration{margin-left:8rem;text-align:left}.list-duration{margin-top:5px}.list-trackLength{color:#add8e6;margin-left:8rem}}@media screen and (min-width:800px){#titleWrapper{position:absolute;bottom:60px;left:0;width:100vw;background-color:var(--white-bg-color);color:var(--main-text-color);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.1)}#titleWrapper #track{flex:0 0 460px;padding:1.5rem}#titleWrapper #subtitle{flex:1;max-width:800px;padding:1.5rem 2rem 1.5rem 0}.durationWrapper{left:300px;width:160px;height:60px}.peakFileWrapper{position:absolute;bottom:0;left:460px;width:calc(100vw - 460px);z-index:0}.controlsWrapper{position:absolute;width:300px;height:60px;bottom:0;left:0}.btn{width:60px;height:60px}#list{max-height:calc(80% - 60px);bottom:60px}#listShade{position:absolute;bottom:0;right:0;width:calc(100vw - 60px);height:60px;background-color:var(--dark-bg-color);opacity:.35}.list-song{flex:0 0 50%}}@media screen and (min-width:1280px){.list-song{flex:0 0 33.3333%}}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:url(../fonts/lora-v17-latin-regular.eot);src:local(""),url(../fonts/lora-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-regular.woff2) format("woff2"),url(../fonts/lora-v17-latin-regular.woff) format("woff"),url(../fonts/lora-v17-latin-regular.ttf) format("truetype"),url(../fonts/lora-v17-latin-regular.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:normal;font-weight:500;src:url(../fonts/lora-v17-latin-500.eot);src:local(""),url(../fonts/lora-v17-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-500.woff2) format("woff2"),url(../fonts/lora-v17-latin-500.woff) format("woff"),url(../fonts/lora-v17-latin-500.ttf) format("truetype"),url(../fonts/lora-v17-latin-500.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:normal;font-weight:700;src:url(../fonts/lora-v17-latin-700.eot);src:local(""),url(../fonts/lora-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-700.woff2) format("woff2"),url(../fonts/lora-v17-latin-700.woff) format("woff"),url(../fonts/lora-v17-latin-700.ttf) format("truetype"),url(../fonts/lora-v17-latin-700.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:normal;font-weight:600;src:url(../fonts/lora-v17-latin-600.eot);src:local(""),url(../fonts/lora-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-600.woff2) format("woff2"),url(../fonts/lora-v17-latin-600.woff) format("woff"),url(../fonts/lora-v17-latin-600.ttf) format("truetype"),url(../fonts/lora-v17-latin-600.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:italic;font-weight:400;src:url(../fonts/lora-v17-latin-italic.eot);src:local(""),url(../fonts/lora-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-italic.woff2) format("woff2"),url(../fonts/lora-v17-latin-italic.woff) format("woff"),url(../fonts/lora-v17-latin-italic.ttf) format("truetype"),url(../fonts/lora-v17-latin-italic.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:italic;font-weight:600;src:url(../fonts/lora-v17-latin-600italic.eot);src:local(""),url(../fonts/lora-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-600italic.woff2) format("woff2"),url(../fonts/lora-v17-latin-600italic.woff) format("woff"),url(../fonts/lora-v17-latin-600italic.ttf) format("truetype"),url(../fonts/lora-v17-latin-600italic.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:italic;font-weight:700;src:url(../fonts/lora-v17-latin-700italic.eot);src:local(""),url(../fonts/lora-v17-latin-700italic.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-700italic.woff2) format("woff2"),url(../fonts/lora-v17-latin-700italic.woff) format("woff"),url(../fonts/lora-v17-latin-700italic.ttf) format("truetype"),url(../fonts/lora-v17-latin-700italic.svg#Lora) format("svg")}@font-face{font-family:Lora;font-style:italic;font-weight:500;src:url(../fonts/lora-v17-latin-500italic.eot);src:local(""),url(../fonts/lora-v17-latin-500italic.eot?#iefix) format("embedded-opentype"),url(../fonts/lora-v17-latin-500italic.woff2) format("woff2"),url(../fonts/lora-v17-latin-500italic.woff) format("woff"),url(../fonts/lora-v17-latin-500italic.ttf) format("truetype"),url(../fonts/lora-v17-latin-500italic.svg#Lora) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:200;src:url(../fonts/oswald-v36-latin-200.eot);src:local(""),url(../fonts/oswald-v36-latin-200.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-200.woff2) format("woff2"),url(../fonts/oswald-v36-latin-200.woff) format("woff"),url(../fonts/oswald-v36-latin-200.ttf) format("truetype"),url(../fonts/oswald-v36-latin-200.svg#Oswald) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:url(../fonts/oswald-v36-latin-300.eot);src:local(""),url(../fonts/oswald-v36-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-300.woff2) format("woff2"),url(../fonts/oswald-v36-latin-300.woff) format("woff"),url(../fonts/oswald-v36-latin-300.ttf) format("truetype"),url(../fonts/oswald-v36-latin-300.svg#Oswald) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:url(../fonts/oswald-v36-latin-regular.eot);src:local(""),url(../fonts/oswald-v36-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-regular.woff2) format("woff2"),url(../fonts/oswald-v36-latin-regular.woff) format("woff"),url(../fonts/oswald-v36-latin-regular.ttf) format("truetype"),url(../fonts/oswald-v36-latin-regular.svg#Oswald) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:url(../fonts/oswald-v36-latin-500.eot);src:local(""),url(../fonts/oswald-v36-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-500.woff2) format("woff2"),url(../fonts/oswald-v36-latin-500.woff) format("woff"),url(../fonts/oswald-v36-latin-500.ttf) format("truetype"),url(../fonts/oswald-v36-latin-500.svg#Oswald) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:600;src:url(../fonts/oswald-v36-latin-600.eot);src:local(""),url(../fonts/oswald-v36-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-600.woff2) format("woff2"),url(../fonts/oswald-v36-latin-600.woff) format("woff"),url(../fonts/oswald-v36-latin-600.ttf) format("truetype"),url(../fonts/oswald-v36-latin-600.svg#Oswald) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:url(../fonts/oswald-v36-latin-700.eot);src:local(""),url(../fonts/oswald-v36-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/oswald-v36-latin-700.woff2) format("woff2"),url(../fonts/oswald-v36-latin-700.woff) format("woff"),url(../fonts/oswald-v36-latin-700.ttf) format("truetype"),url(../fonts/oswald-v36-latin-700.svg#Oswald) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(../fonts/roboto-v20-latin-100.eot);src:local(""),url(../fonts/roboto-v20-latin-100.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-100.woff2) format("woff2"),url(../fonts/roboto-v20-latin-100.woff) format("woff"),url(../fonts/roboto-v20-latin-100.ttf) format("truetype"),url(../fonts/roboto-v20-latin-100.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:url(../fonts/roboto-v20-latin-100italic.eot);src:local(""),url(../fonts/roboto-v20-latin-100italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-100italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-100italic.woff) format("woff"),url(../fonts/roboto-v20-latin-100italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-100italic.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../fonts/roboto-v20-latin-300.eot);src:local(""),url(../fonts/roboto-v20-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-300.woff2) format("woff2"),url(../fonts/roboto-v20-latin-300.woff) format("woff"),url(../fonts/roboto-v20-latin-300.ttf) format("truetype"),url(../fonts/roboto-v20-latin-300.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(../fonts/roboto-v20-latin-300italic.eot);src:local(""),url(../fonts/roboto-v20-latin-300italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-300italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-300italic.woff) format("woff"),url(../fonts/roboto-v20-latin-300italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-300italic.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-v20-latin-regular.eot);src:local(""),url(../fonts/roboto-v20-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-regular.woff2) format("woff2"),url(../fonts/roboto-v20-latin-regular.woff) format("woff"),url(../fonts/roboto-v20-latin-regular.ttf) format("truetype"),url(../fonts/roboto-v20-latin-regular.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(../fonts/roboto-v20-latin-italic.eot);src:local(""),url(../fonts/roboto-v20-latin-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-italic.woff) format("woff"),url(../fonts/roboto-v20-latin-italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-italic.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(../fonts/roboto-v20-latin-500italic.eot);src:local(""),url(../fonts/roboto-v20-latin-500italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-500italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-500italic.woff) format("woff"),url(../fonts/roboto-v20-latin-500italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-500italic.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto-v20-latin-500.eot);src:local(""),url(../fonts/roboto-v20-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-500.woff2) format("woff2"),url(../fonts/roboto-v20-latin-500.woff) format("woff"),url(../fonts/roboto-v20-latin-500.ttf) format("truetype"),url(../fonts/roboto-v20-latin-500.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/roboto-v20-latin-700.eot);src:local(""),url(../fonts/roboto-v20-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-700.woff2) format("woff2"),url(../fonts/roboto-v20-latin-700.woff) format("woff"),url(../fonts/roboto-v20-latin-700.ttf) format("truetype"),url(../fonts/roboto-v20-latin-700.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(../fonts/roboto-v20-latin-700italic.eot);src:local(""),url(../fonts/roboto-v20-latin-700italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-700italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-700italic.woff) format("woff"),url(../fonts/roboto-v20-latin-700italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-700italic.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(../fonts/roboto-v20-latin-900.eot);src:local(""),url(../fonts/roboto-v20-latin-900.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-900.woff2) format("woff2"),url(../fonts/roboto-v20-latin-900.woff) format("woff"),url(../fonts/roboto-v20-latin-900.ttf) format("truetype"),url(../fonts/roboto-v20-latin-900.svg#Roboto) format("svg")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(../fonts/roboto-v20-latin-900italic.eot);src:local(""),url(../fonts/roboto-v20-latin-900italic.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v20-latin-900italic.woff2) format("woff2"),url(../fonts/roboto-v20-latin-900italic.woff) format("woff"),url(../fonts/roboto-v20-latin-900italic.ttf) format("truetype"),url(../fonts/roboto-v20-latin-900italic.svg#Roboto) format("svg")}
/*# sourceMappingURL=howlerstyle-compressed.css.map */