@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=Open+Sans&family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap');/*
selector {propiedad:valor;} 
*/

body {background: rgb(194, 158, 158); font-family: 'Raleway', sans-serif; text-align: center;}
header {background: rgb(143, 39, 91); text-align: center;}
h1 {color: white;}
h2 {color:rgb(143, 39, 91);}
h3 {color: gainsboro;}
nav {background: rgb(143, 39, 91);color: white;border-radius: 1rem; padding: 00.5rem; display: inline-flex;
}
footer {color: rgb(109, 109, 109); font-size: lrem;}
img {border-radius: 60%;}
section {background-color: rgb(177, 102, 102);}
* {padding: 0; margin: 0; box-sizing: border-box; transition: all 2s;}
section article {padding: 0.5rem;}
h3 {font-family: 'Sriracha', cursive;}
h1 {font-family: 'Leckerli One', cursive;}
ul li {list-style-type: none;}
.datos {text-align: center;}
.link { color: black; border-radius: 1rem; text-decoration: none; background: gainsboro; padding: 00.5rem; display: inline-block;}
.link { color: black; border-radius: 1rem; text-decoration: none; background: gainsboro; padding: 00.5rem; display: inline-block;}
.inicio {text-decoration: white; padding: 0.7rem; display: inline-block;}
.plan{text-decoration: none; padding: 0.7rem; display: inline-block;border-radius: 1rem;}
.catedra{text-decoration: none; padding: 0.7rem; display: inline-block;border-radius: 1rem;}
.mapa {text-decoration: none; padding: 0.7rem; display: inline-block;border-radius: 1rem;}
.landing {text-decoration: none; padding: 0.7rem; display: inline-block;border-radius: 1rem;}
.app {text-decoration: none; padding: 0.7rem; display: inline-block;border-radius: 1rem;}

@media (min-width:576px) {

    body {background: rgb(168, 159, 199);}
    section {display: flex;justify-content: space-around;}
    section article {width: 48; background: rgb(223, 179, 179);}
    img {width: 50%;}
}