/* utile à l'écriture automatique*/
	@keyframes caret {
  50% {
    border-color: transparent;
  }
}


.home-title {
	text-align: center;
}

.titre-index{
	padding-top: 30vh;
}

.button-index{
	display: flex;
	flex-direction: row;
	background-color: #e74c3c;
}

.button-left, .button-right{
	height: 100vh;
	width: 50vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition-duration: 0.5s;
}

.button-right{
	background-color: #c0392b;
}

h2{
	color:white;
}

.button-right:hover, .button-left:hover{

cursor: pointer;
transform: scaleX(1.05);
}

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

	.home-title {
		font-size: 35px;
	}

    .button-index{
	display: flex;
	flex-direction: column;
	}
    .button-left, .button-right{
	   width: 100vw;
	   max-height: 50vh;
    }
    .button-right{
	    background-color: #c0392b;
    }

	.button-left > .home-title,
	.button-right > .home-title {
		padding-top : 0;
	}

	.titre-index{
		padding-top: 5vh;
	}

}

@media screen and (max-width: 900px) {
	.home-title {
		font-size: 40px;
		text-align: center;
	}
	.button-right{
	    background-color: #c0392b;
    }
}

.arrow {
  text-align: center;
  font-size: 90px;
  margin: 0;
  color: #16a085;
}

.arrow-link-bottom {
	margin-top: 20vh;
}