body{box-sizing:border-box;color:#fff;background-color:#283747;margin:0;padding:0;font-family:Montserrat,sans-serif}.page-container{flex-direction:column;height:100%;min-height:100vh;display:flex}main{flex:1;padding:1px 25px}.slider-container{grid-template:"slider-label slider-label slider-label"1fr"slider-input slider-input slider-output"1fr/2fr 1fr .5fr;display:grid}.slider-container>*{margin:5px 10px}@media screen and (width>=850px){.slider-container{grid-template:"slider-label slider-input slider-output"1fr/2fr 3fr .5fr}.slider-container>*{margin:10px}}.footer{color:#fff;background-color:#333;justify-content:space-between;padding:10px 20px;display:flex}.slider-label{grid-area:slider-label}.slider-input{grid-area:slider-input}.slider-output{grid-area:slider-output}.play-pause-button{user-select:none;cursor:pointer}a:link,a:visited{color:#fff}a:hover{color:#ff69b4}a:active{color:#fff}
/*# sourceMappingURL=index.8d62f5f5.css.map */