@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
.font-style-title {font-family:'Pixelify Sans', sans-serif !important; } .font-style-subtitle {font-family: 'Pixelify Sans', sans-serif !important; } .font-style-heading {font-family: 'Pixelify Sans', sans-serif !important; } .font-style-normalText {font-family: 'Pixelify Sans', sans-serif !important; }

header {
    font-family:  "Pixelify Sans", sans-serif;
    text-decoration: none;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 25px;
    
}

body {
    font-family:"MS Sans Serif";
    text-decoration: none;
    background-color: teal; 
    width: 100%;
    padding: auto;
}

#menu {
    background: silver;
    border: 1px outset #fff;
    min-height: 40px;
    color: #000000;
    margin: 3px;
}

.boton1{
    font-size: 15px;
    padding: 7px 20px;
    background: silver;
    border: 2px outset;
    outline: none;
    cursor: pointer;
    margin: 3px;
}


#contenedor{
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
}

#contenedor2{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px;
}


#nivel{
    border-radius: 0px;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    padding:13px 12px 12px;
    height:100%;
    width:calc(100% - 26px);
    display:inline-block;
    
}

#matenivel{
    background-color: #08216b;;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -2px;
    text-align: left;
}

#datos{
    border: solid;
    border-width: 2px;
    border-bottom-color: #424242;
    border-right-color: #424242;
    border-left-color: #fff;
    border-top-color: #fff;
    background: silver;
    color: #212529;
    padding: 6px;
    margin: 2px;
    font-size: smaller;
}

li{
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    list-style-type: none;
    
}

a {
    margin-right: 5px;
    text-decoration: none;
}


#integrantes{
    text-align: center;
    justify-content: center;
    display: flex;
}

#nombre2{
    text-align: center;
}

#nombre {
    text-align: center;
}

#avatar {
    display: block;
    width: 40%;
    height: 40%;
    margin: auto;
}

#carrera {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 2rem;
}

#info {
    text-align: center;
}

#logocat {
    max-width: 40%;
    height: auto;
    margin: 20px;
    padding: 5px;
    display: inline-block;
    margin: auto;
    display: block;
    margin: 0 auto;
}

h4 {
    font-style: italic;
}


h3{
    border: 1px solid white;
    border-right: #000000;
    border-bottom: none;
    padding: 5px;
    text-align: center;
    margin: 2px;
    
}

#caja{
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
}

#caja2{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px;
}

#nivel3{
    border-radius: 0px;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    padding:13px 12px 12px;
    height:100%;
    width:calc(100% - 26px);
    display:inline-block;
}

#integranivel{
    background-color: #08216b;;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -2px;
    text-align: left;
}

#datos2{
    border: solid;
    border-width: 2px;
    border-bottom-color: #424242;
    border-right-color: #424242;
    border-left-color: #fff;
    border-top-color: #fff;
    background: silver;
    color: #212529;
    padding: 6px;
    margin: 2px;
    font-size: smaller;
    display: flex;
}

#fotos{
    padding: 1%;
    justify-content: center;
    display: grid;
}

#ICON{
    height: 150px;
    justify-content: center;
    display: flex;
    border: 3px solid beige;
}

#UBA{
    border: solid;
    border-width: 2px;
    border-bottom-color: #424242;
    border-right-color: #424242;
    border-left-color: #fff;
    border-top-color: #fff;
    background: silver;
    color: #212529;
    padding: 6px;
    margin: 2px;
    font-size: smaller;
    display: flex;
}