@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Poppins:wght@200;300;500&display=swap');
*{padding: 0;transition: all 1s;}

body{background-image: linear-gradient(120deg, rgb(177, 31, 104) 0%, black 100%); font-family: cursive; text-align: center;}

header{font-family: Poppins; text-align: center;}
h1{color:white;text-align: center; font-family: 'Dancing Script', cursive; font-size: 5rem;}
h1{background: rgb(228, 59, 143); }
h2{font-family: 'Poppins', sans-serif; ;text-align: center; font-weight: 500; }
h3{font-family: 'Poppins', sans-serif; font-weight: 500}
.center{display: flex; justify-content: center; align-items: center; padding: 8px;}
.mifoto{border-radius: 50%;}
.link{color: rgb(134, 185, 226); text-decoration: none;padding: 1rem;display: inline-block;}
.link:hover{background-color: black;}

section article{padding: 1rem; margin: 0.5rem; }

ul li {font-family: 'Poppins', sans-serif; font-weight: 200;}
body p{color: rgb(8, 6, 7);font-size: 1rem; text-align: center; font-family: 'Poppins', sans-serif;}

/* version grande */

@media (min-width:576px) {

body p{color: rgb(8, 6, 7);font-size: 1rem; text-align: center; font-family: 'Poppins', sans-serif;}
    body{background-image: linear-gradient(120deg, rgb(236, 90, 163) 10%, white 100%); font-family:cursive ; text-align: center;}
    section{display: flex; justify-content: center; }
    section article{ width: 33%; background: rgb(241, 213, 213); text-decoration: none; text-align: center; font-family: 'Poppins', sans-serif;}
    footer{background: rgb(236, 199, 199); color: rgb(255, 255, 255); margin: 0rem; padding: 0.2rem;}

    li {font:weight 400%;font-size: 0,5rem;list-style-type: none;text-align: left; }
    ol li{font: weight 400%;font-size: 0,5rem; list-style-type: none;text-align: left; background-color: cornsilk;}
    h2{font-family: 'Poppins', sans-serif; text-align: center; font-weight: 500; }

    .center{display: flex; justify-content: center; align-items: center; padding: 8px;}
    .compañeros{text-align: center; font-family: 'Poppins' ; font-size: 1rem; }
    .mifoto{border-radius: 50%;}
    
    .link{color: rgb(134, 185, 226); text-decoration: none;padding: 1rem;display: inline-block;}
    .link:hover{background-color: black; font-size: 16px;}
    .alumno:hover{background-color: pink;color: white; ;}
    .alumno {
        font-size: 12px
    }
    .alumno:nth-of-type(2):hover{background-color: rgb(0, 0, 0);}
    
    a{
        font-family: 'Poppins';
        display: inline-block;
        padding:10px 20px;
        background-color: rgba(255, 255, 255, 0.192);
        color: black;
        margin: 5px;
        border-radius: 5px;
        

    }
}