body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.viewport-container{height:100%;position:fixed;width:100%;z-index:-1}.header-container{display:flex;height:100px;vertical-align:middle;width:inherit}.header-container_left{align-items:flex-start;display:flex;flex-direction:row;height:inherit;justify-content:space-between;vertical-align:middle;width:25%}.header-container_center{height:inherit;width:50%}.header-container_right{display:flex;flex-direction:row-reverse;height:inherit;margin-right:1.5rem;vertical-align:middle;width:25%}.header-container_left img{flex:1 1;height:60px;left:10px;margin-left:1.5rem;margin-top:1.5rem;opacity:75%}.header-container_left h1,.header-container_left img{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));top:20px;width:120px}.header-container_left h1{-webkit-margin-before:0;-webkit-margin-after:0;color:#000;flex:2 1;font-family:Noto Sans;font-size:40.4651px;font-style:normal;font-weight:700;height:50px;left:145px;line-height:55px;margin-block-end:0;margin-block-start:0;margin-left:2rem;opacity:.75}.header-container_right button{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.header-container_right button:hover{background:rgba(56,56,56,.46)}.header-container_right button:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.header-container_left select{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;flex:2 1;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:144px}.header-container_left select:hover{background:rgba(56,56,56,.46)}.body-container{height:550px}.footer-container{bottom:0;display:flex;flex-direction:row;height:100px;position:absolute;width:100%}.footer-container_left{justify-content:flex-start}.footer-container_center,.footer-container_left{align-items:flex-start;display:flex;flex-direction:row;height:inherit;vertical-align:middle;width:30%}.footer-container_center{justify-content:space-between}.footer-container_right{align-items:flex-start;display:flex;flex-direction:row;height:inherit;justify-content:flex-start;vertical-align:middle;width:40%}.footer-container_left-previous{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.footer-container_left-previous:hover{background:rgba(56,56,56,.46)}.footer-container_left-previous:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_left-next{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.footer-container_left-next:hover{background:rgba(56,56,56,.46)}.footer-container_left-next:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_left-playAll{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.footer-container_left-playAll:hover{background:rgba(56,56,56,.46)}.footer-container_left-playAll:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_center{flex-direction:row-reverse;margin-right:1.5rem}.footer-container_center-previous{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.footer-container_center-previous:hover{background:rgba(56,56,56,.46)}.footer-container_center-previous:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_center-play{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;right:36px;top:30px;width:72px}.footer-container_center-play:hover{background:rgba(56,56,56,.46)}.footer-container_center-play-clicked,.footer-container_center-play:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_center-play-clicked{right:36px;top:30px}.footer-container_center-next,.footer-container_center-play-clicked{border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:68px;margin-left:1.5rem;margin-top:1rem;width:72px}.footer-container_center-next{background:hsla(0,0%,96%,.46)}.footer-container_center-next:hover{background:rgba(56,56,56,.46)}.footer-container_center-next:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_right{flex-direction:row-reverse;margin-right:1.5rem}.footer-container_right-slidecontainer{margin-left:1.5rem;margin-top:2.5rem;vertical-align:middle;width:60%}.footer-container_right-slider{background:#d3d3d3;border-radius:5px;height:15px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.footer-container_right-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border-radius:50%;cursor:pointer;height:25px;width:25px}.footer-container_right-slider::-moz-range-thumb{background:#04aa6d;border-radius:50%;cursor:pointer;height:25px;width:25px}.footer-container_right-repeat{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:43px;margin-left:2.5rem;margin-top:1.5rem;width:62px}.footer-container_right-repeat:hover{background:rgba(56,56,56,.46)}.footer-container_right-repeat-clicked,.footer-container_right-repeat:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_right-repeat-clicked{border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:43px;margin-left:2.5rem;margin-top:1.5rem;width:62px}.footer-container_right-speed-container{display:flex;flex-direction:column-reverse;margin-left:1.5rem}.footer-container_right-speed{background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:43px;margin-top:1.5rem;width:62px}.footer-container_right-speed:hover{background:rgba(56,56,56,.46)}.footer-container_right-speed:active{background:rgba(56,56,56,.46);-webkit-transform:translateY(4px);transform:translateY(4px)}.footer-container_right-speed-dropdown{align-content:center;background:hsla(0,0%,96%,.46);border:1px solid #000;border-radius:14px;bottom:0;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;display:none;margin-bottom:1.5rem;position:absolute;width:62px;z-index:1}.footer-container_right-speed-dropdown p{margin-bottom:.25rem;margin-top:.25rem;text-align:center}.App{height:100%}.Overlay{height:inherit}
/*# sourceMappingURL=main.db3fb5cf.css.map*/