#canvas{width:90%;height:auto;border-radius:5px;border:solid 1px #6aa4db;background:url("music-icon.png") no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.audio-player{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5px;background:#6aa4db;padding:10px 20px;border-radius:5px;color: #ffffff;}
.audio-player .controls{border-radius:50%;display:flex;flex-direction:row;gap: 5px;}
.audio-player .controls:hover {cursor: pointer;}
.audio-player .progress-bar {width: 100%;height: 5px;background: rgba(255, 255, 255, 0.0901960784);border-radius: 15px;}
.audio-player .progress-bar .progress-bar-fill {height: 100%;width: 0%;background: #ffffff;border-radius: 15px;}
.audio-player .progress-bar:hover {cursor: pointer;}