@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Homemade+Apple&family=Leckerli+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Leckerli+One&display=swap');

h1, h2, h3, h4, h5, h6 {font-family: 'homemade apple', serif}
body {font-family: 'gloria hallelujah', serif}

body{background-color: pink}
h1{color: black; background-color:rgb(208, 247, 208)}
div{width: 800px; max-width: 95%; margin: 0 auto;}
header{background-color: rgb(255, 223, 228); height: auto; text-align: center}
nav{border-bottom: 6px dotted rgb(240, 87, 112); border-top:6px dotted rgb(240, 87, 112) ;}
section{background-color: rgb(208, 247, 208); margin: 5px;}
footer{background-color:rgb(240, 87, 112) ; padding: 5px; text-align: center;}

.centrada{display: block; margin-left: auto; margin-right: auto; border: solid rgb(240, 87, 112); height: 50%; width: 60%;}
.flecha{display: block; margin-left: auto; margin-right: auto}
.alinear {font-size: 20px; margin-left: auto; text-align: center;}

nav li {display: inline-block}
nav a {text-decoration: none; color: rgb(240, 87, 112); background-color: white; padding: 10px; display: inline-block; margin-top: 10px; margin-left: 35px;}
nav a:hover{background-color: rgb(240, 87, 112); color: white}

section a {text-decoration: none; color: rgb(240, 87, 112)}
section a:hover {text-decoration: none; color: white}

html {scroll-behavior: smooth}

@media (max width: 600px) 
{nav{text-align: center}}
{nav a{padding: 8px}}
.acomodar {font-size: 15px;}