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

a{
	color: black;
	font-weight: bold;
	text-decoration: inherit;
}

h1{
	margin: 0px;
}

.album_songs > a:hover{
	color: white;
}

p{
	margin: 0;
}

#header{
	display: flex;
	justify-content: space-around;
	height: 13%;
}

#index_content{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
	padding-left: 2vw;
	padding-right: 2vw;
	row-gap: 2vw;
	column-gap: 2vw;
}

.album{
	display: grid;
	justify-items: center;
	font-size: larger;
}

.albumImage{
	grid-area: 1/1/2/2;
	width: 100%;
	opacity: 0.6;
}

.album_songs{
	grid-area: 1/1/2/2;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	z-index: 1;
	align-items: center;
}

#content{
	width: 96%;
	height: 100%;
	display: flex;
	justify-content: center;
}

#song_informations{
	display: none;
	margin-left: 5%;
	margin-top: 5%;
}

#pdf_viewer{
	width: 100%;
	height: 100%;
}

#footer{
	text-align: center;
	height: 4%;
	padding-top: 2%;	
}