* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  
  html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: 'Helvetica', sans-serif;
  }
  

.body_01{
    background: url("../imgs/Imagenes_Back/Trasera DIRECTOS 01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
  }
  
  @-webkit-keyframes float {
	0% {
		-webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		-webkit-transform: translatey(-8%);
		        transform: translatey(-8%);
	}
	100% {
		-webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}
  
  @keyframes float {
	0% {
		-webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		-webkit-transform: translatey(-8%);
		        transform: translatey(-8%);
	}
	100% {
		-webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

  .container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.avatar {
  height:28em;
	width: 14em;
  margin-top: 12%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 5px white solid;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	-webkit-transform: translatey(0px);
	    -ms-transform: translatey(0px);
	        transform: translatey(0px);
	-webkit-animation: float 3s ease-in-out infinite;
	        animation: float 3s ease-in-out infinite;
}

img { 
    width: 110%; 
    height: auto;
    padding-right: 30px;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
 }

.firma {
    height: 100%;
    /*Alineacion en el eje X*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /*Alineacion en el eje Y*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 5%;
}

h2 {
    color: white;
    font-size: 2em;
    text-align: center;
}

.redes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;

}

  p {
	font-size: 2em;
	font-weight: light;
	color: #ffffff;
}

div a {

	font-size: 1em;
	color: rgb(255, 190, 190);
	text-decoration: none;
	margin: 0 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:hover {
		color: #ffffff;
        font-size: 1.5em;
	}