body {
    background-color:#FAF6F1;
    color:#8c5818;
    font: 10pt verdana;
    font-family: verdana, georgia;
    letter-spacing:0px;
    line-height:1.18em;
}


a, a:visited {
	color: #e69daf;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
  font-size: 15px;
	color: #f3d0d8;
}


  
.content{
        background:white;
        padding:10px;
        margin:10 0 10px 0;
        display: inline-block;
        position:absolute;
        margin-top: 100px;
        margin-left: auto;
        background-color:#FFFFFF;
        width:700px;
        height:450px;
        overflow-x:hidden;
        overflow-y:hidden;
  border: 4px dashed pink;



    }    
  
  .gatito{
   position: absolute;
    bottom:0px;
    left: 20px;
    max-height:450px; 
    width:100%; 
} 

#main-container {
    position:relative;
    width:700px;
    height:400px;
    top:50px;
    margin:auto;
}


  .clip {
    position: absolute;
    top:0px;
    left: 580px;
    max-height:450px;
    width:300px;

 }
 
  .saludo {
    position: absolute;
    bottom:5px;
    left: 250px;
    max-height:600px;
    width:150px;
    
  }
    
.saludo {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.saludo:hover {
  -webkit-animation-name: bounces;
  animation-name: bounces;
}

@-webkit-keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }




 }

#sidebar {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	margin: 90px 20px 0px 200px;
	text-align: center;
}
#sidebar a, #sidebar a:visited {
	display: block;
	font-size: 10pt;
	margin: 5px 0px;
	padding: 5px;
	background: #f4d0d9;
	border-radius:15px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}
#sidebar a:hover {
	background: #f6e1e6;
}