@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

*{ padding: 0;margin: 0;box-sizing: border-box; transition: 2s;}
body { background: greenyellow;}
header { background: greenyellow; text-align: center;}
header a {color: greenyellow;}
.misdatos { text-align: center;}
section article p {color: ivory; text-align: center; font-family: 'Open Sans', sans-serif; text-align: left;}
.vn03 {padding: 0.5rem; text-decoration: none; background: indigo; display: inline-block; text-align: center; margin-top: 1rem; border-radius: 1rem; font-family: 'Open Sans', sans-serif;}
.mifoto {border-radius: 100%; padding: 2rem; width: 180px;}
.minombre {font-family: 'Bebas Neue', cursive; padding-left: 2rem; font-size: 2rem; color: #4b0082;}
.estudiante {font-family: 'Bebas Neue', cursive; color: greenyellow;}
.presentacion {margin-bottom: 2rem; text-align: center;}
.instagram {color: indigo; background: greenyellow; font-size: 0.7rem; border-radius: 0.5rem; padding: 0.5rem; font-family: 'Open Sans', sans-serif; text-decoration: none;}
.integrantes {font-family: 'Bebas Neue', cursive; color: indigo}
.alumne1 {color: indigo; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; margin: 0.3rem;}
.alumne2 { color: indigo; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; margin: 0.3rem;}
.alumne3 { color: indigo; text-decoration: none; font-family: 'Open Sans', sans-serif;; font-size: 0.8rem; margin: 0.3rem;}
section { background: indigo;}
.cursadas {font-family: 'Bebas Neue', cursive; padding: 2rem; font-size: 2.3rem; color: greenyellow;}
.primeraño {font-family: 'Bebas Neue', cursive; padding-left: 2rem; font-size: 1.8rem; color: greenyellow;}
.segundoaño {font-family: 'Bebas Neue', cursive; padding-left: 2rem; font-size: 1.8rem;color: greenyellow;}
.terceraño {font-family: 'Bebas Neue', cursive; padding-left: 2rem; font-size: 1.8rem; color:greenyellow;}
.cuartoaño {font-family: 'Bebas Neue', cursive; padding: 2rem; font-size: 1.8rem; color:greenyellow;}
.piedepagina {padding-left: 2rem; padding-top: 0.5rem; font-size: 0.6rem;}
.ocampo { font-family: 'Bebas Neue', cursive;}
section ol li { font-weight: 100; font-family: 'Open Sans', sans-serif;}
h1 {color: ivory ;}
h2 {color: ivory;}
h3 {color: ivory;}
.logoocampo {width: 120px; padding-top: 0.5rem; margin-left: 2rem;}
.ocampo {padding: 0.5rem; text-decoration: none; color: indigo; margin-left: 2rem;}
p {color: indigo; font-family: 'Open Sans', sans-serif; font-size: 0.8rem;}
section article li {font-family: 'Open Sans', sans-serif; color: ivory; font-size: 0.8rem;}
.docentes { font-family: 'Open Sans', sans-serif; color: indigo; font-size: 0.8rem; padding-left: 2rem; margin-top: 0.5rem;}


/* version grande */
@media (min-width:576px) {
    
    body { background: darkblue;}
    header { background: darkblue; text-align: center;}
    .vn03 {background: greenyellow;}
    header a { color: darkblue;}
    .mifoto { border-radius: 3rem; width: 350px;}
    .minombre {color: greenyellow; text-align: center; padding-left: 0rem; font-size: 3rem; margin: 1rem; background: blue; border-radius: 1rem;}
    .estudiante {text-align: center; padding: 0rem;}
    .instagram {color: darkblue; margin: 2rem;}
    .integrantes {color: greenyellow; margin-top: 1rem;}
    article h2 { font-size: 2rem;}
    .presentacion { color: ivory; text-align: center; margin: 1rem; margin-bottom: 2rem;}
    .alumne1 {color: ivory;}
    .alumne2 {color: ivory;}
    .alumne3 {color: ivory;}
    .instagram { margin: 2rem; text-decoration: none;}
    ul li {list-style-type: none;}
    section { background: darkblue;}
    section { display: flex; justify-content: space-around;}
    section article { width: 48%; background: blue; border-radius: 1rem;}
    .misdatos { text-align: center;}
    footer {text-align: center; background: greenyellow; padding-bottom: 1rem; margin: 1rem; border-radius: 1rem;}
    .ocampo {padding: 0.5rem; text-decoration: none; color: blue; margin-left: 0rem;}
    .logoocampo {width: 120px; padding-top: 0.5rem; margin-left: 0rem;}
    .docentes {color: darkblue}
    .piedepagina { color: darkblue;}
    
}