#home{
	height: 100vh;
	background-image: url("../storage/background.png");
	background-repeat: no-repeat;
}

#home #title{
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
}

#home #title img{
	width: 70%;
}

#home h1{
	text-align: center;
	font-family: Sketchzone;
	font-size: 2.6em;
	color: var(--colorAccentuate);
	text-shadow: 0px 4px 0 black;
}

#home h4{
	color: black;
}

#discover a{
	position: absolute;
	padding: 10px;
	border-radius: 10px;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	background-color: var(--colorPrincipal);
	transition: all .2s linear;
	box-shadow: 0px 5px 0 0 var(--colorAccentuate);
	color: black;
	font-weight: bold;
}

#discover a img{
	transition: all .3s ease-in-out;
}

#discover a:hover{
	cursor: pointer;
	background-color: var(--colorAccentuate);
	box-shadow: 0 5px 0 0 var(--colorPrincipal);
	color: white;
}

#discover a:hover img{
	transform: scale(1.2, 1.2);
}

#presentation{
	height: 70vh;
	
}


@media (min-width: 1024px) {
	#home #title img{
		width: 30%;
	}

	#home h1{
		font-size: 4em;
	}
}