@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i';
@import 'https://fonts.googleapis.com/css?family=Bungee+Shade';

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


#navegador {
    background: linear-gradient(to bottom, #45484d 0%,#000000 15%);
    padding:2em;
  
    }

nav {
    max-width: 960px;
    margin: auto;
    display: block;
    padding: 0.2em;
    }

.logo{
    display: block;
    float:left;
    width: 5em;
    margin: auto;
    margin-top: -1.1em;
    align-content: center;
    }

nav ul {
    overflow: hidden;
    list-style: none;
    float:right;
    margin-top: -1em;
    
}

nav ul li {
    float: left;
}

nav ul li a {
    height: inherit;
    text-decoration: none;
    color: lavenderblush;
    display: block;
    padding: 0.6em 0.6em;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    
    
}

nav ul li a:hover {
    -webkit-animation-name: nav_over;
    -webkit-animation-duration: 1s;
    }




    
}

#cont_nombre {
    max-width: 960px;
    margin: auto;
    padding: 1.5em 0em 1em 0em;
}

main {
    max-width: 960px;
    margin: auto;
    padding: 1em;
    }




#foto {
    display: block;
    max-width: 40%;
    margin: auto;
    border-radius: 50em;
    border: solid 0.4em;
    border-color: turquoise;
    
}



h1 {
    display: block;
    color:turquoise;
    font-family: 'Roboto', sans-serif, cursive;
    text-align: center;
    font-size: 360%;
    line-height: 1.2;
    padding: 0.5em;
    
    text-shadow: 10px 7px #ccf, -10px 12px #fcf, -8px -12px #cfc, 12px -5px #fc9;
   color: #999;
    }


.principal {
    max-width: 960px;
    margin: auto;
    border-bottom: 0.2em solid;
    border-color: lavender;
    padding: 1em;
    overflow: hidden;
    
}

#secundarios {
    max-width: 906px;
    margin: auto;
    overflow: auto;
    padding: 1em 5em 1em 5em;
}



section p {
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #222;
    line-height: 1.625;
}

section ul {
    text-align: center;
    list-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #222;
    line-height: 1.625;
}

h2 {
    font-family: 'Roboto', sans-serif;
    background: -webkit-linear-gradient(left, rgba(80,244,231,1) 0%, rgba(73,255,164,1) 15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

#facebook {
    display:flex;
    max-width: 50%;
    margin: auto;
    float:inherit;
    padding: 1em;
}








#facebook a {
    text-decoration: none;
    padding: 1em;
    border: solid;
    border-radius: 0.5em;
    border-color: #49ffa6;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    color: black;
    background-color: #49ffa6;
    -webkit-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    }

#facebook a:hover {
    text-decoration: none;
    padding: 1em;
    border: solid;
    border-radius: 1em;
    border-color: #289561;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    color: gainsboro;
    background-color: #289561;
    -webkit-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    -moz-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    }




footer   {
    background: #303030;
    padding: 1em;
    clear: both;
    font-family: sans-serif
}

#cont_info_academica {
    max-width: 960px;
    margin: auto;
}

#logo_uba {
    float:right;
    padding: 1.5em;
    max-width: 26%;
    height: auto;
    margin-right: 20%
    vertical-align: center;
}

#info_academica {
    color: gainsboro;
    font-family: 'Raleway', sans-serif;
    font-size: 0.8em;
    padding: 1.5em 0em 1.5em 0;
}

#disclamer {
    max-width: 960px;
    margin: auto;
    color: gainsboro;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 0.7em;
    
}
@media (max-width: 460px) { 
#navegador {
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
    padding: 1em;
    box-shadow: 0px 02px 05px 02px rgba(0,0,0,0.20);
    overflow: auto;
    display: block;
    }

nav {
    max-width: 960px;
    margin: auto;
    display: block;
    padding: 0.em;
    overflow: auto;
    
    
    }

.logo{
    display: block;
    width: 4em;
    margin: auto;
    
    }

nav ul {
    
    list-style: none;
    margin-top: 1em;
    
    
}



nav ul li a {
    height: inherit;
    text-decoration: none;
    color: white;
    display: block;
    padding: 0.2em 1em;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    
    
}

nav ul li a:hover {
    -webkit-animation-name: nav_over;
    -webkit-animation-duration: 2s;
    }



    h1 {
    display: block;
    color:white;
    font-family: 'Bungee Shade', cursive;
    text-align: center;
    font-size: 200%;
    line-height: 1.2;
    padding: 0.5em;
    }
#facebook {
    display: inline-block;
    max-width: 40%;
    margin: auto;
    padding: 1em;
}

#facebook a {
    text-decoration: none;
    padding: 1em;
    border: solid;
    border-radius: 1em;
    border-color: #49ffa6;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    color: black;
    background-color: #49ffa6;
    -webkit-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 14px -13px rgba(0,0,0,0.75);
    }

#facebook a:hover {
    text-decoration: none;
    padding: 1em;
    border: solid;
    border-radius: 1em;
    border-color: #289561;
    vertical-align: center;
    font-family: 'Raleway', sans-serif;
    color: gainsboro;
    background-color: #289561;
    -webkit-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    -moz-box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    box-shadow: 10px 10px 14px -13px rgba(0,0,0,0);
    }

    
    
}