@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: #E0A77A;}

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

h1{font-family: "Poetsen One"; font-size: 2.5rem; text-align: center; color: #596535;}

iframe{justify-content: center; margin: 2% 25% 2% 25%;}

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

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

.menu-horizontal{position: fixed; flex-direction: column; width: 100%; 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;}}