@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
body{background:#f8ccd4; font-family: 'Libre Baskerville', serif;}
h1{color:rgb(104, 9, 9) ; font-family: 'Libre Baskerville', serif;}
h6{color: rgb(104, 09, 09); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-size: 0.6rem;}
h2 {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;text-decoration: none;}
h2 {font-family:'Libre Baskerville', serif;} 
h3 {font-family:'Libre Baskerville', serif ;justify-content: center;}
h4 {font-family: 'Libre Baskerville', serif ;font-size: 0.8rem;font-size: large; justify-content: center; text-align: center; margin: 2rem 3rem 0 0}
h5 {font-family: 'Libre Baskerville', serif ;justify-content: center; margin: 2rem 3rem 0 0;}


.mapa-1{font-weight:bolder;background-color: #216D60;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.plan-1{font-weight:bolder;background-color: #216D60;border-radius: 07%;padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.app-1{font-weight:bolder;background-color: #216D60;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.landing-1 {font-weight:bolder;background-color: #216D60;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.inicio-1:hover {background-color: #680909;}
.mapa-1:hover{background-color: #680909;}
.plan-1:hover{background-color: #680909;}
.app-1:hover{background-color: #680909;}
.landing-1:hover{background-color: #680909;}



.vn{text-decoration: none; text-align: center;}
.vn{color:rgb(0, 0, 0);background-color: #216D60;border-radius: 6px; padding: 0.5rem;}
.vn:hover{color: #fab1be;}
section {text-align:center;}
.avatar {border-radius:07%;}
.lucas {text-decoration: none;color:#216D60;} 
.martin {text-decoration: none;color:#216D60;} 
.paula {text-decoration: none;color:#216D60; } 
.lucas:hover{color: #fab1be;}
.martin:hover{color: #fab1be;}
.paula:hover{color: #fab1be;}
footer {text-align: center;}
body {text-align: center;justify-content: center;}
ul{list-style:none;justify-content: center; text-align: center;}
.avatar {align-content: center;}


/* de acá para abajo todo es cambio para desktop */
@media (min-width:576px) {
h1{color:rgb(33, 109, 96)}
h6{color:rgb(33, 109, 96)}
section {display: flex; justify-content: center;}
body{background:#f7dde2;} 
.mapa-1{font-weight:bolder;background-color: #680909;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.plan-1{font-weight:bolder;background-color: #680909;border-radius: 07%;padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.app-1{font-weight:bolder;background-color: #680909;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.landing-1 {font-weight:bolder;background-color: #680909;border-radius: 07%; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.mapa-1:hover{background-color:#216D60}
.plan-1:hover{background-color: #216D60;}
.app-1:hover{background-color: #216D60;}
.landing-1:hover{background-color: #216D60;}
.vn {color:rgb(255, 255, 255);background-color: #680909;}
.lucas:hover{color: rgb(33, 109, 96);}
.martin:hover{color: rgb(33, 109, 96);}
.paula:hover{color: rgb(33, 109, 96);}
.vn:hover {color: rgb(33, 109, 96)} 
.lucas {color:rgb(104, 9, 9); margin: 0 0 0 1rem; text-decoration: none;} 
.martin {color:rgb(104, 9, 9);margin: 0 0 0 1rem; text-decoration: none;} 
.paula {color:rgb(104, 9, 9);margin: 0 0 0 1rem;text-decoration: none;}  

.avatar {align-content: center;}



}