body {
	background-color: #34495e;
	color:white;
	font-family: Roboto-Light;
    font-size:1.2em;
}

main {
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items:center;
}

.ligne1 {
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
	margin-bottom:2em;
}

.ligne2 {
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
}

.gauche {
	width:50%;
}


.droite {
	width:30%;
	display:flex;
	flex-direction:column;
}

.lua {
	margin:1em;
	padding:2em;
	border:0;
	border-radius:20px 0 0 20px;
	background-color:white;
	color:#3e3e3e;
	height:20em;
	overflow:auto;
}

button {
	width:20em;
	padding:1em;
	margin:2em;
	border:0;
	border-radius:12px;
	background-color:white;
	color:#3e3e3e;
	font-family: Roboto-Light;
    font-size:1em;
}

h1 {
	font-family: Roboto-Light;
    font-size:1em;
}

ul {
margin:0.1em;
}