*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Poppins', sans-serif;
}

body {
	background: #2794D6;
    background-image: url(subtle-grey.png);
	text-align: center;
}

/*Este codigo es para el scroll */
::-webkit-scrollbar {
      width: 8px;
    height: 8px; 
}
/* Scroll barra vertical */
::-webkit-scrollbar-track {
      background-color: #0257AD;
} 
/* Scroll barra horizontal */
::-webkit-scrollbar-thumb {
      background-color: #fff;
} 

::-webkit-scrollbar-button {
      background-color: #2794D6;
}

::-webkit-scrollbar-corner {
      background-color: #2794D6;
}

.portada{
    display: block;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;

}
    
.portada img{
    display: block;
    width: 200px;
    border-radius: 25%;
	/*filter: opacity(.6);*/
    box-shadow: 3px 3px 3px 0px #fff;
}

.info{
    margin: auto;
}
    
.info h2{
    font-size: 25px;
    letter-spacing: 2px;
    text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 0px 0px 5px #fff, -4px -4px 2px #101010;
    color: #E50B00;
    margin-bottom: 15px;
}

@media screen and (max-width:502px){

    .portada{
        margin-top: 20px;
    }
    
    .info h2{
        font-size: 22px;
    }
}