@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


html{
	font-family: 'Montserrat', sans-serif;
}

body{
	font-family: 'Montserrat', sans-serif;
	background-color: black;
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	min-width: 1080px;
}

h1{
	color: white;
	font-size: 80px;
	text-align: center;
	margin-bottom: 40px;
	transition: 0.3s;
}

h1:hover {
	color: black;
}

p{
	color: white;
	font-size: 30px;
}

a{
	color: white;
	text-decoration: none;
	letter-spacing: 10px;
}

img{
	border-radius: 100px;
	transition: 0.3s;
	cursor: pointer;
	margin-bottom: 0px;
	margin-top: 0px;
}


img:hover {
	transform: scale(1.02);
}

img:active {
	transform: scale(0.98);
}

/*#myDIV1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  margin-top: 20px;
  color: #6666FF;
}

#myDIV1-1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  margin-top: 20px;
  color: #6666FF;
}

#myDIV2 {
	font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  margin-top: 20px;
  color: #993366;
}

#myDIV3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  margin-top: 20px;
  color: #FF6666;
}*/

div#content{
	position: relative;
}

p.B1{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #6666FF;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 30px;
	padding-left: 40px;
}

p.B1:hover {
	font-size: 50px;
	background-color: #6666FF;
	border: 2px solid #6666FF;
	color: white;
	transform: scale(1.02);
}

p.B1:active {
	transform: scale(0.98);
}



p.B1-1{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #993366;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 30px;
	padding-left: 40px;
}

p.B1-1:hover {
	font-size: 50px;
	background-color: #993366;
	border: 2px solid #993366;
	color: white;
	transform: scale(1.02);
}

p.B1-1:active {
	transform: scale(0.98);
}



p.B1-2{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #FF6666;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 30px;
	padding-left: 40px;
}

p.B1-2:hover {
	font-size: 50px;
	background-color: #FF6666;
	border: 2px solid #FF6666;
	color: white;
	transform: scale(1.02);
}

p.B1-2:active {
	transform: scale(0.98);
}

p.B1-3{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #AEEA00;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 30px;
	padding-left: 40px;
}

p.B1-3:hover {
	font-size: 50px;
	background-color: #AEEA00;
	border: 2px solid #AEEA00;
	color: black;
	transform: scale(1.02);
}

p.B1-3:active {
	transform: scale(0.98);
}


p.B2{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	border: 2px solid white;
	color: white;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	right: 1px;
	text-align: right;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 25%;
	padding: 30px;
	padding-right: 40px;
}

p.B2:hover {
	font-size: 50px;
	background-color: white;
	border: 2px solid white;
	color: black;
	transform: scale(1.02);
}

p.B2:active {
	transform: scale(0.98);
}



.B3{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #F8BBD0;
	border-radius: 100px;
	padding: 30px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	text-align: center;
	justify-content: center;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 300px;
	width: 30%;
}

.B3:hover {
	font-size: 50px;
	text-decoration: none;
	background-color: #F8BBD0;
	border: 2px solid #F8BBD0;
	color: white;
	transform: scale(1.02);
}

.B3:active {
	transform: scale(0.98);
}



.B4{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #6666FF;
	border-radius: 100px;
	padding: 30px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	text-align: center;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 30%;
}

.B4:hover {
	font-size: 50px;
	text-decoration: none;
	background-color: #6666FF;
	border: 2px solid #6666FF;
	color: white;
	transform: scale(1.02);
}

.B4:active {
	transform: scale(0.98);
}



.B5{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #993366;
	border-radius: 100px;
	padding: 30px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	text-align: center;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 30%;
}

.B5:hover {
	font-size: 50px;
	text-decoration: none;
	background-color: #993366;
	border: 2px solid #993366;
	color: white;
	transform: scale(1.02);
}

.B5:active {
	transform: scale(0.98);
}



.B6{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 50px;
	background: black;
	color: white;
	border: 2px solid #FF6666;
	border-radius: 100px;
	padding: 30px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	text-align: center;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 30%;
}

.B6:hover {
	font-size: 50px;
	text-decoration: none;
	background-color: #FF6666;
	border: 2px solid #FF6666;
	color: white;
	transform: scale(1.02);
}

.B6:active {
	transform: scale(0.98);
}



p.B7{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 0px;
	background: #6666FF;
	color: #6666FF;
	border: 2px solid #6666FF;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 15px;
	width: 0%;
}

p.B7:hover, p.B7:active {
	font-size: 15px;
	background-color: #6666FF;
	border: 2px solid #6666FF;
	transform: scale(1.02);
	color: white;
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
}

p.B7:active {
	transform: scale(0.98);
}

p.B7-1{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 0px;
	background: #993366;
	color: #993366;
	border: 2px solid #993366;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 15px;
	width: 0%;
}

p.B7-1:hover, p.B7-1:active {
	font-size: 15px;
	background-color: #993366;
	border: 2px solid #993366;
	color: white;
	transform: scale(1.02);
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
}

p.B7-1:active {
	transform: scale(0.98);
}

p.B7-2{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 0px;
	background: #FF6666;
	color: #FF6666;
	border: 2px solid #FF6666;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 15px;
	width: 0%;
}

p.B7-2:hover, p.B7-2:active {
	font-size: 15px;
	background-color: #FF6666;
	border: 2px solid #FF6666;
	color: white;
	transform: scale(1.02);
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
}

p.B7-2:active {
	transform: scale(0.98);
}

p.B7-3{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 0px;
	background: #AEEA00;
	color: #AEEA00;
	border: 2px solid #AEEA00;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	left: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25%;
	padding: 15px;
	width: 0%;
}

p.B7-3:hover, p.B7-3:active {
	font-size: 15px;
	background-color: #AEEA00;
	border: 2px solid #AEEA00;
	color: black;
	transform: scale(1.02);
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
}

p.B7-3:active {
	transform: scale(0.98);
}

p.B-BLANC{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 0px;
	background: white;
	color: white;
	border: 2px solid white;
	border-radius: 100px;
	cursor: pointer;
	outline: none;
	transition: 0.3s;
	right: 0px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 25%;
	padding: 15px;
	width: 0%;
}

p.B-BLANC:hover, p.B-BLANC:active {
	font-size: 15px;
	background-color: white;
	border: 2px solid white;
	color: black;
	transform: scale(1.02);
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
}

p.B-BLANC:active {
	transform: scale(0.98);
}



p.T1{
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 10px;
}

p.T2{
	text-align: center;
	margin-bottom: 40px;
}

p.T2-1{
	text-align: center;
	color: white;
	transition: 0.3s;
	margin-bottom: 40px;
}

p.T2-1:hover {
	color: white;
	transform: scale(1.02);
}

p.T2-1:active {
	transform: scale(0.98);
}

p.T3{
	font-size: 15px;
	left: 1px;
	margin-bottom: 40px;
}	

p.T4{
	font-size: 15px;
	right: 1px;
	text-align: right;
	margin-bottom: 40px;
}

.rond {
	height: 2px;
	border: 0px solid black;
	background-color: white;
	margin-top: 100px;
	margin-bottom: 40px;
}