body {
	background:black;
	color:#ccc;
	font-family:Montserrat, "Helvetica Neue", sans-serif;
	line-height:125%;
	padding:2rem;
}

header {
	padding:0 0 1rem 0;
	border-bottom:solid 1px #888;
	margin-bottom:2rem;
}

.menu {
	text-align:right;
}
.menu a {
	display:block;
	color:white;
	text-decoration:none;
	transition: .3s ease;
}
.menu a:hover {
	color:rgb(176, 214, 149);
}

.flex {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	align-items:center;
	justify-content:space-between;
}

.title {
	font-size:1.75rem;
	font-weight:bold;
}

h1 {
	font-size:1.5rem;
	font-weight:bold;
	margin:2rem 0;
}

p {
	font-size:1rem;
}

article a {
	color:rgb(176, 214, 149);
	text-decoration:none;
	transition: .3s ease;
}
article a:hover {
	color:white;
}

.flex .texte {
	flex: 1 1 300px;
}
.flex .video {
	flex: 1 1 300px;
}
.flex .bandcamp {
	flex: 0 0 180px;
	height:180px;
	margin:2rem 0;
}
.flex .soundcloud {
	flex: 1 1 600px;
	height:180px;
	margin: 2rem 0;
}
.flex img {
	flex:0 0 250px;
	height:354px;
}