body {
	width: 100%;
	height: 200%;
	margin: 0;
	padding: 0;

    background-color: rgb(244,241,232);
}

.navbar {
	width: 100%;
	height: 175px;

	background-color: rgb(155,72,25);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 50px;

	display: flex;
	justify-content: center;
}

.logo {
	width: 175px;
	height: 175px;
}

.dieu {
	display: flex;	
	justify-content: center;

	justify-content: space-around;


	width: 100%;
	height: 100%;
}

.tc {
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	flex-direction: column;

	align-items: center;
}

.first {
	margin-top: 30px;
	font-size: 150px;
	font-family: , serif;
	font-style: italic;

	text-align: center;
	align-self: center;
}

.second {
	margin-top: -80px;
	font-size: 50px;
	font-family: Georgia, serif;
	font-style: italic;

	text-align: center;
	align-self: center;

	color: rgb(155,72,25);


}

.seci {
	width: 100%;
	
	padding-top: 50px;
	font-size: 50px;
	font-family: Georgia, serif;
	font-style: italic;

	text-align: center;
	align-self: center;

	color: rgb(155,72,25);
}

.third {
	margin-top: -20px;
	font-size: 50px;
	font-family: Georgia, serif;
	font-style: italic;

	text-align: center;
	align-self: center;

		color: rgb(155,72,25);
	}

.bouton {
	margin-top: 0px;
	width: 160px;
	height: 50px;

	background-color: rgb(155,72,25);
	border-radius: 12px;
	border-color: black;
	border-width: 50px;
	border: solid black;
	border-color: rgb(155,72,25);

	display: flex;	
	justify-content: center;			
}

.for {
	font-size: 20px;
    font-family: display;
    font-style: bold;
    color: rgb(244,241,232);

	align-self: center;
}

@media screen and (max-width: 1000px) {

.bouton {
	margin-top: 0px;
	width: 180px;
	height: 50px;

	background-color: rgb(155,72,25);
	border-radius: 12px;
	border-color: rgb(155,72,25);
}

.bouton:hover {
	background-color: black;
}

}

.joinBtn {
  width: 180px;
  height: 50px;
  background-color: rgb(155,72,25);
  border: 2px solid rgb(155,72,25);
  border-radius: 10px;
  font-size: 17px;
  font-weight: bold;
  color: white;
  cursor: pointer;

  text-decoration: none !important;
}

.joinBtn:hover {
  background-color: rgb(244,241,232);
  border: 2px solid rgb(155,72,25);
  color: black;
}

a {
	text-decoration: none;
}