.hidden {
    display: none;
}

html, body {
	width: 100%;	
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	font-family: Arial, sans-serif;
}


header {
	display: none;
}

canvas {
	
	background: green;
	
	height: 100px;
	width: 100%;
	
}

/* Стили для плеера */

.audio-div {
	cursor: pointer;
	background: grey;
	padding: 3px;
}

.audio_cover {
    padding: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background: #ddd;
    margin: 10px 0;
}

.progress {
    height: 100%;
    background: #777;
    width: 0;
    transition: width 0.2s;
}