@charset "utf-8";

*{  
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 200;  margin: auto;
}

body {font-family: 'Poppins', sans-serif;
    margin: auto
    padding: 0;
    color: #917b86;padding-bottom: 1em;
    max-width: 90%;
    text-decoration-line: none;
}

a:hover { opacity: inherit }

p { font-family: 'Poppins', sans-serif;
    padding-bottom: 0.5em;
    max-width: 40em;
text-align: center; 
    font-size: 13px;color: #917b86;
    margin: auto;
}


h1 { font-family: 'Poppins', sans-serif;
    padding-bottom: 12px;
   
    text-align: center; 
    font-size: 20px;  color: #f4b69e; background-color: black;
    margin: auto; }


h2{ text-align: center; font-size: 20px;}

h3  { width: 40%; color: #f4b69e; 
    
    margin: auto;font-size: 15px;text-align: center;
}




footer p {
    padding-bottom: 1em;
    max-width: 90%;
    text-decoration-line: none;
}

img { 
    max-width: 100%;
    
    
    
}
article figure {
    border-radius: 80%;
    
    max-width: 30%;}

}

article{
    text-align: center;
    margin: auto;
}

article h2{
    text-align: center;
}

#contenedor {
    background-color: rgb;
    box-shadow: 0 0 0 8; 
    margin: 0;
    max-width: 90em;
    min-height: 100vh;
    
    /*
        vh viewport height es la altura de la pantalla
        100vh es igual a 100% de la altura de la viewport
    */
    10em;
}

header,
footer, footer p{
    background-color: black;
    padding: 1em;
    text-align: center;
    font-size: 0.8em; color: #f4b69e;
}

#logo {
   
    background column-rule-color: black;
   
    font-size: 25px;;color: 
align: center;
    width: 10em;
   
    display:inline-table;
    padding: 0;
    margin: auto;
}


main nav ul li { 

     display: table-cell; text-align:center;
    padding: 1px; margin:auto;
    width:15%;
}


        

.sesion { 
    padding: 1px; margin: 40px 0 0 0;
    width: auto;
}    
    
 /* pantalla tranporte */

.botonera {  display: table-cell; text-align:center;
    padding: 15px; margin: 40px 0 0 0;
    width:15%;

    }
#transporte { display: table-cell; text-align:center;
    padding:40px; margin: auto;
    width:9%;}



/*pantalla eventos*/
#evento {  display: table-cell; text-align:center;
    padding:40px; margin: auto;
    width:9%; }



/*pantalla galeria*/

.cbc {   display: table-cell; text-align:center;
    padding:30px; margin: auto;
    width:9%; }
.carreras {
    display: table; 
    padding:12px; margin: auto;
    width:20%;}
/* inicio sesion */


.iconosesion { display: table; 
    padding:30px; margin: auto;
    width:0%;}