/* 

selector{propiedad:valor;}

*/
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;600;800;900&display=swap');


body{background-color: dfoarkorchid; text-align: left; background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(100, 38%, 79%, 1)'/><path d='M 10,-2.55e-7 V 20 Z M -1.1677362e-8,10 H 20 Z'  stroke-width='1' stroke='hsla(0, 0%, 100%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");font-family: 'Overpass', sans-serif;}
header{text-align: center;}
nav a{color: aquamarine;padding: 1rem;font-family: 'Overpass', sans-serif; display: inline-block;}
h1{color:#FA7F8D; text-align: center;font-family: 'Overpass', sans-serif; font-weight: 900;padding: 0,75rem;}
h3{color:#100F0F;text-decoration: underline;font-family: 'Overpass', sans-serif;}
ul{color: #100F0F;font-family: 'Overpass', sans-serif;}
img{display: block;margin: auto;padding: 1rem;}




.primer-ano{background-color:#EAEAEA; text-align: center;}
.segundo-ano{background-color:#EAEAEA; text-align: center;}
.en-curso{background-color:#EAEAEA; text-align: center;}
.compas{background-color:#EAEAEA; text-align: center;}
.materias-primer {background-color: #D0D3E2; text-align: center;}
.materias-segundo {background-color: #D0D3E2; text-align: center;}
.materias-curso{background-color: #D0D3E2; text-align: center;}
.links-compas{background-color: #D0D3E2; text-align: center;text-decoration: none; }
.menu{background-color: #57B787; text-align: center; text-decoration: none;padding: 1rem;font-family: 'Overpass', sans-serif; display: inline-block;font-size: 0.85rem;}
.inicio:hover{color: #2d8358}
.integrantes:hover{color: #57B787}
.integrantes{text-decoration: none;color: #100F0F}
.aviso{background-color:#C2DDB2;text-align: center;color:#FA7969;font-size: 0.80rem;font-family: 'Overpass', sans-serif;text-decoration: none;}
.carrera {color:#100F0F; text-align: center;font-family: 'Overpass', sans-serif; text-decoration: none;}
.mifoto{border-radius: 50%;width: 25%;}
.fotocatedra{width: 35%;}
.datos-obligatorios{text-align: center; color:#312f2f;font-family: 'Overpass', sans-serif;text-decoration: none;}


/*Version grande*/
@media (min-width: 576px) {
    section{display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center}
    section article {width: 48%;}
    h3{display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center}
    .fotocatedra{width: 20%;} 
    .mifoto{width: 35%;} 
}