.contento{
	overflow:hidden;
} 

.botonarriba{
width: 100%;
}
.botonarriba:hover{
  width: 95%;
  transition: 1s;
  z-index: 1000;
}

.botonabajo{
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   z-index: 1000;
   border-radius: 10px;
}







a:link
{ 
text-decoration:none;
}.textopequeño{
	font-size: 12px;
}


.conteperso{
	height: 60px;
	transition: 3s;

}

#tarjeta{
  border-radius: 30px;
  opacity: 0.5;
}
#tarjeta:hover{
	margin-top: 20px;
	transition: 1s;
    opacity: 1;


}

.corona{
	border-radius: 10px;
	position: fixed;
	z-index: 900;
    animation-name: animar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}


@keyframes animar{
  from {background-color: red;}
  to {background-color: black;}

  }


.coro{
	z-index: 2000;
    animation-name: animara;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}


@keyframes animara{
  from {background-color: red;}
  to {background-color: black;}

  }
  .borde{
  	border: solid red;
  }
.imagen{
	display:block;
    margin:auto;
	height: 300px;
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}

.conten{
	visibility: hidden;
}
.icono2{
	font-size: 2rem;
}

.cambio{
	background-color: #343a40;
  color: white;

}

.cambio:hover{
	background-color: #0030FF;
	transition: 3s;
  color: black;
}