@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

*{padding: 0;margin: 0; box-sizing: border-box;transition: all 3s;}
body{font-family: 'Roboto Condensed', sans-serif;background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);;text-align: center;}
ol li{font-weight: 300;list-style-type: none; margin:0 0 0 1rem;text-align: center;color: ghostwhite;font-size: 1rem;}
li{font-weight: 700; list-style-type: none; margin:1rem 0 0 0 ;text-align: center; margin: 0 0 1rem;font-size: 1.5rem;}
h2{font-weight: 700;}
.mifoto{border-radius: 50%;width: 65%; margin: 1rem 0 0.5rem 0;}
.datos{text-align: center;}
section article{padding: 1rem;text-align: center; }
.link{text-decoration: none ; background: darkcyan ; margin: 0.5rem 0.5rem 0.5rem 0.5rem; border-radius: 50%; padding: 0.5rem;display: inline-block;color: ghostwhite;}
h1{margin: 1rem 0rem 0.5rem 0rem;color: ghostwhite;font-size: 3rem;}
h3{text-align: center;color: rgb(91, 0, 107);margin: 0.5rem 0 0.5rem 0;font-size: 2rem;}
.actual{margin: 1rem 0 1rem 0; }
h4{margin: 3.5rem 0 0.5rem 0 ;font-size: 1rem;color: rgb(117, 39, 131);}
.legales{margin: 1rem 0 1rem 0;font-size: 0.8rem;}
.linkgrupal{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;}
.legales{font-weight: 100;font-size: 0.8rem;margin-bottom: 1rem;}
h5{margin: 3.5rem 0 0.5rem 0 ;font-size: 3rem;color: ghostwhite;}
h6{margin: 0.5rem 0 0.5rem 0 ;font-size: 2rem;color: rgb(122, 8, 156);}
p{font-size: 0.8rem;color: rgb(117, 39, 131);}

.columna-3 {
    padding: 2rem;
    background: #FF6600;
    margin: 0.0rem 0.0rem 1.8rem 0.0rem;text-decoration: none; font-size: 2rem;}



/* version grande */
@media (min-width:576px) {

    body{background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);;}
    header{text-align: center;}
    section{display: flex; justify-content: space-around;}
    section article{width: 48%;background: cornflowerblue;}
    .mifoto{width: 15%;}
    .actual{background: cornflowerblue ;padding: 1rem;}
    h3{color: ghostwhite;}
    p{color: ghostwhite;}
    .linkgrupal{background: cornflowerblue ;}
    h6{color: cornflowerblue;}
    h4{color: ghostwhite;}
    .link{background: cornflowerblue;font-size: 2rem;}
    .alumnes{display: flex; justify-content:space-evenly;}
    .ocampo{width: 45%;}

}