@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap');

*{ padding: 0;margin: 0;box-sizing: border-box;}
body{text-align: center;}
ol li{font-weight: 300;list-style-type: none; margin:0 0 0 1rem;text-align: center;color: black;font-size: 1rem;}
li{font-family: 'Roboto Slab', serif;font-weight: 400; list-style-type: none; margin:1rem 0 0 0 ;text-align: center; margin: 0 0 1rem;font-size: 1rem;}
h1{margin: 0rem 0rem 0.6rem 0rem;color: #000000; font-family: 'Roboto Slab', serif; font-size: 2.8rem;}
h2{padding:0.1rem; margin:0.1rem 0 0 0; font-weight: 600 ;color: #000000; font-family: 'Roboto Slab', serif; font-size: 1.2rem;}
h5{padding: 0.3rem; margin:0.1rem 0 0 0; color: #000000; font-family: 'Roboto Slab', serif; font-weight: 100 ;font-size: 0.9rem;}
h4{margin: 3.5rem 0 0.5rem 0 ;font-size: 1rem;color: #000000;}
p{font-size: 0.8rem;color: rgb(117, 39, 131);}
section{padding:1rem; margin: 1rem; background-color: #DBE619;}

.mapa{font-family: 'Roboto Slab', serif; border-radius: 2rem ; font-weight: 100 ;color: black;text-decoration: none; background: #1EDFEF; margin: 0.5rem 0.5rem 0.5rem 0.5rem;; padding: 0.5rem; display: inline-block;}
.plan{font-family: 'Roboto Slab', serif; border-radius: 2rem ; font-weight: 100 ;color: black;text-decoration: none; background: #1EDFEF; margin: 0.5rem 0.5rem 0.5rem 0.5rem;; padding: 0.5rem; display: inline-block;}
.landing{font-family: 'Roboto Slab', serif; border-radius: 2rem ; font-weight: 100 ;color: black;text-decoration: none; background: #1EDFEF; margin: 0.5rem 0.5rem 0.5rem 0.5rem;; padding: 0.5rem; display: inline-block;}
.app{font-family: 'Roboto Slab', serif; border-radius: 2rem ; font-weight: 100 ;color: black;text-decoration: none; background: #1EDFEF; margin: 0.5rem 0.5rem 0.5rem 0.5rem;; padding: 0.5rem; display: inline-block;}
.mifoto{ width: 15rem; border-radius: 30%;}
.linkvolver{font-family: 'Roboto Slab', serif; border-radius: 2rem ; font-weight: 100 ;color: black;text-decoration: none; background: #1EDFEF; padding:0.2rem; margin: 2rem; display: inline-block;}
.linkvolverB{font-family: 'Roboto Slab', serif; border-radius: 4rem ; font-weight: 100 ;color: white;text-decoration: none; background: #000000; padding:0.2rem; margin: 2rem; display: inline-block;}
.materias{font-family: 'Roboto Slab', serif; border-radius: 1rem ; font-weight: 800 ;color: black;text-decoration: none; background: #DBE619; padding:0.4rem; margin: 1rem; display: inline-block;}
.nosotros{display: flex; justify-content:space-evenly;}
.list-title{font-family: 'Roboto Slab', serif;font-weight: 600; list-style-type: none; margin:1rem 0 0 0 ;text-align: center; margin: 0 0 1rem;font-size: 1.5rem;}
.linktodos{text-decoration:none ; background: darkcyan ; margin: 0.5rem 0.5rem 3.5rem 0.5rem;; padding: 1rem; display: inline-block; color: ghostwhite; border-radius: 50%; font-weight: 700;}
.ocampo{ width: 35rem; margin:0 0 0 -3rem}
.linktodos{font-family: 'Roboto Slab', serif; border-radius: 1rem ; font-weight: 100 ; color: black;text-decoration: none; background: #D3E516; padding:0.6rem; margin: 1rem; display: inline-block;}
footer p{background-color: white; color: grey; font-size: 1rem; text-align: center; }

/*version grande*/
@media(min-width:576px){
	ol li{font-weight: 300;list-style-type: none; color: black;font-size: 1rem;}
	li{font-family: 'Roboto Slab', serif;font-weight: 400; list-style-type: none; margin:1rem 0 0 0 ;text-align: center; margin: 0 0 1rem;font-size: 1rem;}
	body{background: #00E3F2;}
	section{display: flex;justify-content: space-between;  text-align: center; padding:1rem; margin: 0rem; background-color: #DBE619;}
	section article{width: 30%; background: #DBE619;}
	section img { width: 30%;}
	header{text-align: center;background-color: #E2E81C;}
h1{color: #000000; font-family: 'Roboto Slab', serif; font-size: 2.8rem;}
h2{color: #000000; font-family: 'Roboto Slab', serif; font-size: 1.2rem;}
h5{color: #000000; font-family: 'Roboto Slab', serif; font-weight: 100 ;font-size: 0.9rem;}
.mifoto{ width: 15rem; border-radius: 30%;}
.datosmios{ display:flex; justify-content: space-around; }
.datosmios h2{width: 25%; background: #9B9C3E; text-align: center;}
.list-title{font-family: 'Roboto Slab', serif;font-weight: 600; list-style-type: none; margin:1rem 0 0 0 ;text-align: center;font-size: 1.5rem;}
.ocampo{ width: 35rem; margin:0 0 0 -3rem}