/* Parámetros generales para todo el rótulo */

*{margin: 0; padding: 0;}

body{
    background: linear-gradient(rgb(20, 15, 19), rgb(48, 22, 23), rgb(168, 32, 38), rgb(235, 53, 42), rgb(255, 65, 53), rgb(235, 53, 42), rgb(168, 32, 38), rgb(48, 22, 23), rgb(20, 15, 19));
    width: 100%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 100;}

/* header */

header{
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem;
    padding: 0rem;
    border-radius: 0rem;}

header h1{
    background-color: rgb(26, 68, 48);
    color: rgb(154, 175, 178);
    font-style: inherit;
    font-size:large;
    font-weight: 800;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    margin: 0rem 0rem 1rem 0rem;
    padding: 1rem 10rem 1rem 10rem;
    border-radius: 0rem;}

header h1 nav ul a{
    background-color: rgb(26, 68, 48);
    color: rgb(154, 175, 178);
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    text-decoration: none;}

header h2{
    background-color: transparent;
    color: rgb(252, 188, 78);
    font-style: oblique;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    margin: 1rem;
    padding: 1rem;}

header img{
    background-color: transparent;
    box-shadow: 0.4rem 0.4rem 0.4rem rgb(0, 0, 0);
    height: 10rem;
    width: 10rem;
    border-radius: 1rem;}

/* main */

main{
    margin: 0rem 3rem 1rem 3rem;
    padding: 0rem 3rem 1rem 3rem;}

main section h3{
    color: rgb(252, 188, 78);
    font-style: oblique;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    margin: 1rem;
    padding: 1rem;}

main section article h4{
    color: rgb(252, 188, 78);
    font-style: inherit;
    width: fit-content;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    margin: 1rem;
    padding: 1rem;}

main section article ul{
    background-color: rgb(33, 18, 20);
    box-shadow: 0.3rem 0.3rem 0.3rem rgb(0, 0, 0);
    color: rgb(154, 175, 178);
    opacity: 75%;
    margin: 1rem;
    padding: 1rem;}

main section article ul li{
    list-style: none;}

main section nav ul{
    margin: 0rem 0rem 1rem 0rem;
    padding: 0rem 0rem 1rem 0rem;}

main section nav ul a{
    color: rgb(154, 175, 178);
    font-weight: 800;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    text-decoration: none;}

main section div{
    background-color: rgb(33, 18, 20);
    box-shadow: 0.3rem 0.3rem 0.3rem rgb(0, 0, 0);
    color: rgb(154, 175, 178);
    opacity: 75%;
    margin: 1rem;
    padding: 1rem;}

main section div li{
    list-style: none;}

/* footer */

footer{
    background-color: rgb(26, 68, 48);
    box-shadow: 0.3rem 0.3rem 0.3rem rgb(0, 0, 0);
    font-style: oblique;
    margin: 1rem;
    padding: 1rem;}

footer p{
    color: rgb(154, 175, 178);
    text-align: center;
    font-size: 0.5rem;}

/* clases */

.Elementos{
    display: flex;}

.Vinculos-Elementos{
    text-align: center;
    width: 25%;}

.Vinculos-Elementos a:hover{
    font-weight: 800;
    font-style: oblique;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    text-decoration: underline;}

.Imagen{
    text-align: center;}

.Foja-Académica{
    display: flex;}

.Años{
    text-align: center;
    width: 5%;}

.Materias{
    text-align: left;
    width: 95%;}

.Menú-de-Navegación{
    display: flex;}

.Vinculos{
    text-align: center;
    width: 25%;}

.Vinculos a:hover{
    color: rgb(252, 188, 78);
    font-weight: 800;
    font-style: oblique;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0rem rgb(0, 0, 0);
    text-decoration: underline;}

.Datos-de-Facultad{
    text-align: center;}

.Datos-de-Universidad{
    text-align: left;}