@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,700;1,900&display=swap');

.vn04 {color: rgb(60, 0, 255);font-family: 'Raleway', sans-serif; font-weight: 400; text-decoration: none; background:rgb(255, 136, 0); padding: 1rem; border-radius: 100%;}
.vn04:hover {color:rgb(35, 0, 151); font-weight: 700;}
body{background: rgb(60, 0, 255);}
header {text-align: center;}
header h2{color: rgb(255, 136, 0); font-family: 'Raleway', sans-serif; font-weight: 200; text-align: center;}
.avatar {border-radius: 50%;}
h1{color: rgb(255, 136, 0); font-family: 'Raleway', sans-serif; font-weight: 900; text-align: center; font-size: 2.5rem;}
nav{background: rgb(255, 136, 0); text-align: center; font-size: 1.2rem; padding: 0.5rem; font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 1.3rem;}
nav ul li{list-style: none; background:rgb(255, 115, 0); margin: 2%; padding: 2%;}
nav ul li:hover {background:rgb(255, 94, 0)}
nav ul {padding: 0%;}
nav a{padding-right: 4rem; padding-left: 4rem; text-decoration: none; color: rgb(60, 0, 255);}
nav a:hover{color: rgb(92, 42, 255); font-weight: 400;}
section{text-align: center; color: white; font-family: 'Raleway', sans-serif; font-weight: 400;}
.cuartoanio {background: rgb(48, 0, 207); padding: 0.5rem;}
.terceranio {background:rgb(35, 0, 151) ; padding: 0.5rem;}
.segundoanio {background: rgb(20, 0, 85); padding: 0.5rem;}
.primeranio {background: rgb(14, 0, 59); padding: 0.5rem;}
.materias-aprobadas ul li {list-style: none; text-align: center;}
.materiasencurso {background: rgb(74, 19, 255); padding: 0.5rem;}
section h2 {color:rgb(255, 136, 0); text-align: center; font-family: 'Raleway', sans-serif; font-weight: 400;}
.datos-academicos {text-align: center; font-family: 'Raleway', sans-serif; font-weight: 400; }
.negrita{font-weight: 700;}
.integrante {color: rgb(255, 136, 0); text-decoration: none; }
.integrante:hover {color:rgb(14, 0, 59); font-weight: 400; }
.integrante {color: rgb(255, 136, 0); text-decoration: none; }
.integrante:hover {color:rgb(14, 0, 59); font-weight: 400;}
.integrante {color: rgb(255, 136, 0); text-decoration: none; }
.integrante:hover {color:rgb(14, 0, 59); font-weight: 400;}
.imagcatedra{text-align: center;}
footer {color: rgb(161, 161, 161); font-size: 0.7rem; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: center;}







@media (min-width:576px) {
   
    nav ul li{list-style: none; display: inline-block ;background:rgb(255, 136, 0); margin: 0%; padding: 0%;}
    nav ul li:hover {background:rgb(255, 136, 0);}

    .materias {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: stretch; align-content: stretch;}
    .materias article {width: 45%;}

    .datos-academicos {text-align: left; margin-left: 1.7rem;}
    footer {text-align: left; margin-left: 1.7rem;}
}