@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Shadows+Into+Light&display=swap');

*{
        margin: 0;
        box-sizing:border-box;
}
.body{
    background-color: #66d79f;

}
.btn-flotante{
    font-family: 'Shadows Into Light';
}
.btn-flotante {
	font-size: 16px; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #050000; 
	border-radius: 5px; 
	letter-spacing: 2px;
	background-color: #aad4da; 
	padding: 18px 30px; 
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px #0500001a;
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #73ceda; 
	box-shadow: 0px 15px 20px #050000;
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}


.curiosidades{
    background-color: #0a8f64;
    height: 100vh;
    width: 98vw;

}
.galeria{
    background-color: #0a8f64;
    height: 100vh;
    width: 98vw;

}
.futuro{
    background-color: #0a8f64;
    height: 100vh;
    width: 98vw;

}
@media only screen and (max-width: 768px) {
    .body {
        background-color: #0a8f64;
    }
}