body,button,input,ul,ol{font-family:"Roboto",sans-serif;background-color:#010409;color:#f0f6fc}body{margin:0;padding:0}h1{font-weight:400;margin-top:.2em;margin-bottom:.2em;font-size:1.5em}button{display:inline-block;padding:.5em 1em;font-weight:500;border:1px solid;border-radius:6px;background-color:#21262d;border-color:#30363d;transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:background-color,color;cursor:pointer}button:hover{background-color:#30363d;border-color:#8b949e;transition-duration:.1s}button:focus{border-color:#8b949e}button:active{background-color:#292e34;border-color:#6e7681;transition:none}button:disabled{color:#484f58;background-color:#21262d;border-color:#30363d}
login-component{display:flex;align-items:center;justify-content:center;height:100vh}.login-container{border-radius:.5em;max-width:20em}.login-container h1{margin:0;font-size:1em}.login-container h1,.login-container p{padding:0 .5em}.login-container form{padding:1em;text-align:center}
home-component{display:flex;justify-content:center;height:100vh;text-align:center}home-component button{width:10em}.spinner-container{width:100%;display:flex;justify-content:center;margin-bottom:.5em;margin-top:.5em;height:2em}.group{margin-bottom:2em}#volume-slider{width:100%}

/*# sourceMappingURL=index.8d4332d0ff91868397c2.css.map*/