@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;400;700&family=Krona+One&display=swap');

*{margin: 0; padding: 0;}
/*

selector{propiedad: valor;}

*/

body{width: 100%; background: black; font-family:     monospace;text-align: center; }

header{background: #ff8900; margin: 0rem}

h1{
    width: 30%;
    color: white;
    background-color: #ff8900;
    margin: 2rem 0 2rem 0;
    padding: 1rem;
    font-family: 'Krona One', sans-serif;
    font-size: 3.5vw}

h2{
    width: 30%;
    color: blue;
    background-color: #ff8900;
    padding: 1rem;
    margin: 2rem 0 2rem 0;
    font-family: 'Krona One', sans-serif;
    font-size: 3.5vw;}

h3{
    color: #ff8900;
    font-family: 'Krona One', sans-serif;}

h4{
    color: #ffffff;
    font-family: 'Exo', sans-serif;
    font-weight: 700}

p{
    font-family: 'Exo', sans-serif; font-weight: 700; color: blue}
header nav{
    font-family: 'Exo', sans-serif; font-weight: 700; color: blue}

header nav{
    color: #ff8900; font-size: 1rem; text-decoration: none;}

header nav:hover{
    color: blue; font-size: 1rem; text-decoration: none;}

.navegador a {
    font-family: 'Exo', sans-serif; font-weight: 700; color: blue; color: #ff8900; font-size: 1rem; text-decoration: none;}

.navegador a:hover{
    color: blue; font-size: 1rem; text-decoration: none;}

footer{
    background-color: white;
    padding: 0.5rem;
    font-family: 'Krona One', sans-serif;
}

footer a{
    color: #ff8900; font-size: 1rem}

footer a:hover{
    color: blue; font-size: 1rem;}

.title1{
    background-color: #ff8900;
    display: flex;
    flex-wrap: nowrap;    
    justify-content: space-around;
    align-items: center}

.olabb{width: 30%; padding: 0; margin: 0; max-height: 300px; max-width: 300px; object-fit: cover;
background-color: none; margin: 1rem; border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}

.navegador{ 
padding-left: 10%; padding-right: 10%;
display: flex;
justify-content: space-around;
align-items: flex-start;
background-color: #ffffff;
padding: 1rem}

.tituloaprobadas{padding: 2rem 0 0 0}


.institucional{
    color: blue} */

.titulonegro{
    color: #ff8900;}

.materias{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 1%;
    padding: 2% 0 ;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
.materias p{
    background-color: blue;
    color: #ffffff;
    margin: 1rem; border-radius: 1rem; padding: 0.2rem; box-shadow: 0px 0px 0px 2px #ff8900 inset;
    font-family: 'Exo', sans-serif; font-weight: 400;}

.materias h4{padding-top: 1rem}
/*
.materias img{width: 80%; margin-bottom: 10%}
*/

.columna1{
    background-color: blue;
    border-radius: 0.5rem;
    width: 30%; margin-left: auto; margin-right: auto; 
}

.columna2{
    background-color: blue;
    border-radius: 0.5rem;
    width: 30%; margin-left: auto; margin-right: auto}

.columna3{
    background-color: blue;
    border-radius: 0.5rem;
    width: 30%; margin-left: auto; margin-right: auto}


.Datos-uni{
    background: blue;
    box-shadow: 0px 0px 0px 2px #ff8900 inset;
    width: 50%;
    margin-left: 2%; margin-right: 1%;
    padding: 1% 2% 3% 2%;
    font-kerning: auto;
    font-size: 0.8rem;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.Datos-uni h3{font-size: 1.1rem; padding: 0.5rem}
.Datos-uni p{
    color: #ffffff; font-family: 'Exo', sans-serif; font-weight: 400; padding: 0.3rem}

.Datos-cursada{
    background: blue;
    box-shadow: 0px 0px 0px 2px #ff8900 inset;
    width: 50%;
    margin-left: 1%; margin-right: 2%;
    padding: 1% 2% 3% 2%;
    font-kerning: auto;
    font-size: 0.8rem;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.Datos-cursada h3{font-size: 1.1rem; padding: 0.5rem}
.Datos-cursada p{
    color: #ffffff; font-family: 'Exo', sans-serif; font-weight: 400; padding: 0.3rem;}

.datitos{
    display: flex;
    justify-content: space-around
    background: blue;
    margin-left: auto; margin-right: auto; margin-bottom: 1.2rem;
    padding: 0% 0% 0% 0%;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.integrantesb{ 
    background: #ff8900;
    width: 93%;
    margin: 1rem;
    padding: 1% 2% 1% 2%;
    border-radius: 1rem;
    box-shadow: 0px 0px 0px 2px #ffffff inset;}

.integrantesb h3{font-size: 1.1rem; color: #ffffff; background-color: blue;border-radius: 1rem; box-shadow: 0px 0px 0px 2px #ffffff inset; padding: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;}

.integrantesb img{max-width: 80%; border-radius: 1rem; margin: 0.5rem;}

.integrante3 img{max-width: 75%; padding: 0.3rem}

.integrantesb p{
    color: white; text-decoration: none; font-family: 'Exo', sans-serif; font-weight: 400; font-size: 0.8rem;margin: 0rem 1rem 0.5rem 1rem}

.integrantesb p a{
    color: white; text-decoration: none; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 0.8rem}

.integrantesb p a:hover{background-color: white; color: #ff8900}

.navcompa{display: flex}

.navegador2{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;}
    
    .textoennegro{color: white; margin: 1rem;}