* {
	font-family: 'Poppins';
	text-align: center;
	font-weight: 50;
}

body {
	margin: 0;
	padding: 0;
	background-color: #050a14;
	color: white;
}

@media only screen and (max-width : 1200px) {
	.container-countdown-seasons {
		width: 100%;
		height: auto;
		display: block;
		margin: 80px 0 auto;
	}

	.container-event {
		width: auto;
		height: 150px;
		display: flex;
		margin: 10px;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
	}

	.container-event-height {
		height: 150px;
	}

	.container-event img {
		width: 100%;
		display: flex;
		margin: auto;
	}

	.container-text {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background: radial-gradient(circle, rgba(0, 0, 0, 0.7803454145330007) 0%, rgba(255, 255, 255, 0) 100%);
	}

	.content-text {
		color: white;
	}

	.titre {
		font-size: 20px;
		font-family: 'Oswald';
		text-transform: uppercase;
	}

	.season-countdown {
		font-size: 15px;
	}

	/* SAISONS */
	.container-seasons {
		width: 100%;
		margin-top: 100px;
	}

	.content-seasons {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
	}

	.season-item-card {
		text-align: center;
		border: none;
		width: 180px;
		display: inline-block;
		box-sizing: border-box;
		margin: 5px;
		padding: 5px;
		background-color: var(--seasonItemBackground);
		box-shadow: 0 0 0 8px transparent;
		border-radius: 15px;
		position: relative;
		cursor: pointer;
		transition: .3s;
	}

	.season-item-card:hover {
		box-shadow: 0 0 0 4px white;
	}

	.season-item-card-img {
		position: relative;
		width: 100%;
		display: flex;
		margin: auto;
		overflow: hidden;
		border-radius: 13px;
	}

	.season-item-card-links {
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #050a148a;
		border-radius: 14px;
		transition: .3s;
	}

	.season-item-card-links {
		width: 100%;
		height: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}

	.season-item-card-links-link {
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 5px 15px;
		transition: .3s;
	}

	.season-item-card-links-link img {
		width: 100%;
	}

	.season-item-card-img-banner {
		width: 100%;
		border-radius: 15px;
		filter: blur(1px);
	}

	.season-item-card-title {
		text-transform: uppercase;
		color: white;
		font-family: 'Oswald';
		font-size: 16px;
	}

	.season-item-card-startSeason {
		color: white;
		font-size: 10px;
	}

	.season-item-card-endSeason {
		color: white;
		font-size: 10px;
	}

	.season-item-card-duration {
		color: var(--seasonItemColorTitleValue);
		font-size: 13px;
	}
}

@media only screen and (min-width : 1200px) {
	.container-countdown-seasons {
		width: 100%;
		height: 500px;
		display: flex;
		margin: auto;
		flex-wrap: wrap;
		align-content: center;
		flex-direction: column;
		overflow: hidden;
	}

	.container-event {
		width: auto;
		max-width: 400px;
		/* height: auto; */
		/* max-height: 250px; */
		display: flex;
		margin: 10px;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
	}

	.container-otherseasons {
		width: auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.container-event-height {
		max-height: 400px;
		width: 600px;
		margin: auto 10px;
		max-width: 600px;
	}

	.container-event img {
		width: 100%;
		display: flex;
		margin: 0 auto;
	}

	.container-text {
		position: absolute;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, rgba(0, 0, 0, 0.7803454145330007) 0%, rgba(255, 255, 255, 0) 100%);
	}

	.content-text {
		margin: 20% 0 20% 0;
		color: white;
	}

	.titre {
		font-family: 'Oswald';
		font-size: 30px;
		text-transform: uppercase;
	}

	.season-countdown {
		font-size: 19px;
	}

	/* SAISONS */
	.container-seasons {
		width: 100%;
		margin: 100px 0;
	}

	.content-seasons {
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
	}

	.season-item-card {
		width: 350px;
		height: 360px;
		display: inline-block;
		box-sizing: border-box;
		margin: 5px;
		padding: 5px;
		text-align: center;
		cursor: pointer;
		border-radius: 18px;
		box-shadow: 0 0 0 8px transparent;
		background-color: var(--seasonItemBackground);
		border: none;
		transition: .3s;
	}

	.season-item-card:hover {
		box-shadow: 0 0 0 4px white;
	}

	.season-item-card-img {
		position: relative;
		width: 100%;
		display: flex;
		margin: auto;
		overflow: hidden;
		border-radius: 13px;
	}

	.season-item-card-links {
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		/* background-color: #050a14; */
		border-radius: 13px;
		transition: .3s;
	}

	.season-item-card:hover .season-item-card-links {
		background-color: #050a148a;
	}

	.season-item-card-links {
		width: 100%;
		height: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: .3s;
	}

	.season-item-card:hover .season-item-card-links {
		opacity: 1;
	}

	.season-item-card-links-link {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 5px 15px;
		opacity: .6;
		transition: .3s;
	}

	.season-item-card-links-link:hover {
		opacity: 1;
	}

	.season-item-card-links-link img {
		width: 100%;
	}

	.season-item-card-img-banner {
		width: 100%;
		border-radius: 15px;
		filter: blur(0px);
	}

	.season-item-card:hover .season-item-card-img-banner {
		filter: blur(3px);
	}

	.season-item-card-title {
		text-transform: uppercase;
		color: white;
		font-size: 18px;
		font-family: 'HeadingNow';
	}

	.season-item-card-startSeason {
		color: white;
		font-size: 11px;
	}

	.season-item-card-endSeason {
		color: white;
		font-size: 11px;
	}

	.season-item-card-duration {
		color: var(--seasonItemColorTitleValue);
		font-size: 15px;
	}
}