img{
	width: 100%;
}

.dancing-script {
  font-family: "Dancing Script", cursive;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.bg-img{
	height: 100vh;
  	background-size: cover; 
  	display: flex;
	flex-direction: column;
	justify-content: center;
}

.temps{
	height: 80vh;
	border-radius: 50px;
	background-color: rgba(0, 0, 0, 0.5);
}

p{
	color:white;
}

.heure{
	font-size: 4rem;
}

.lieu{
	font-size: 2.25rem;
}

.iconTemps i{
	font-size: 4rem;
}

.date,
.textTemps,
.temp,
.textVent,
.vitesse{
	font-size: 1.1rem;
}




/* MOBILE */

@media only screen and (max-width: 600px) {
	.temps{
		height: 98vh;
		border-radius: 50px;
		background-color: rgba(0, 0, 0, 0.4);
		margin-left: auto;
		margin-right: auto;
	}

	audio{
		width: 100%;
		margin-bottom: 1.5rem;
	}
}