body {
	background-image: url(image/Backgrounds/background.png);
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-family: "cafe";
}

@font-face {
	font-family: "BOTW";
    src: url("fonts/botw.ttf");

    font-family: "cafe";
    src: url("fonts/CafeCn.ttf");
}

.top img {
	width: 280px;

	position: relative;
	top: 15%;
	margin-left: 70px;

	filter: drop-shadow(0px 0px 15px #44442c);
}


.middle {
	position: relative;
	top: 25vh;
}


.row {
	/*border: 1px solid black;*/
	padding: 10px;
}

/*Fonts classes*/

a{
	text-decoration: none;
	font-style: italic;
	font-size: 25px;

	position: relative;
	right: 24%;

	color: #cececa;
	display: flex;
	justify-content: flex-end;
}

a:hover {
	color: #fffee4;
	margin-right: 3%; 
	text-shadow: 0px 0px 15px #7d7c6c;
}

.text{
	text-shadow: 0px 0px 25px black;
}

.cursor {
	display: none;

	margin-top: auto;
	margin-bottom: auto;
	padding-right: 20px;

	filter: drop-shadow(0px 0px 15px #91907e);

	width: 47px;
}

.text a:hover .cursor{
	display: flex;
}


/*Quand l"ecran est moins large que 750px, mettre la police à 22px*/
@media screen and (max-width: 750px) {
	a {
		font-size: 20px;
	}

	body {
		background-position: -285px;
	}

	.top img {
		width: 180px;
	}
}