@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&family=Varela+Round&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css");

body{background-color: #E0A77A;}

h1{font-family: "Poetsen One"; font-size: 4rem; text-align: center; color: #596535;}
h2{font-family: "Poetsen One"; font-size: 2.5rem; text-align: center; color: #596535;}
.idea{font-family: "Varela Round"; font-size: 1.5rem; text-align: center; color: #F5F4F0; width: 80%; margin: auto;}
.descripcion{font-family: "Varela Round"; font-size: 1.5rem; text-align: center; color: #F5F4F0; width: 80%; margin: auto;}
.target{font-family: "Varela Round"; font-size: 1.5rem; text-align: center; color: #F5F4F0; width: 80%; margin: auto;}

.logo{width: 10%; margin: auto;}
.presentacion{text-decoration: none; list-style-type: none; font-family: "Varela Round"; font-size: 1.5rem; color: #596535; font-weight: 700;}

.checkbtn {font-size: 30px; color: #fff; float: right; line-height: 80px; cursor: pointer; display: none;}
#check {display: none;}

@media (max-width:45rem) {body{width:100%; font-size: 0.8rem;}

.logo {width: 20%; margin: auto;}
/***hamburguesa***/

.checkbtn {display: block;}
.checkbtn-inside {margin: 20px;}

.menu-horizontal{position: fixed; flex-direction: column; width: 90%; height: 100vh; background: #000000; top: 0px; left: -100%; text-align: center; transition: all .5s;}

nav ul li {display: block; margin: 0.1rem; line-height: 0px;}

nav ul li a {font-size: 1.3rem;}

li a:hover, li a.active {background: none; color:rgb(255, 255, 255);}

#check:checked ~ ul {left: 0;}}