body{
    background-color: #e6e8d1;
    font-family: 'Courier New', Courier, monospace;
    text-align: center; 
}

header{
    padding-top: 10px;
    text-align: center;
    text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000, -4px 0 0 #000, 4px 0 0 #000, 0 4px 0 #000, 0 -4px 0 #000;
    margin: 0px;
}

header img{
    align-content: center;
}

.nav{
    display: block;
}

.izq{
    background-color: #e5e1be;
    padding: 20px;
    float: left;
    width: 20%;
    box-sizing: border-box;
    border-radius: 25px;
    margin: 20px; 
    box-shadow: 0 0 0 0 #0000003D, 0 4px 4px 0 #0000003D;
}

.main{
    background-color: #e5e1be;
    padding: 20px;
    width: 55%;
    box-sizing: border-box;
    border-radius: 25px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 0 0 #0000003D, 0 4px 4px 0 #0000003D;
}

.blinkies{
    background-color: #2b2b2b;
    color: #f8f7f5;
    padding: 20px;
    width: 55%;
    box-sizing: border-box;
    border-radius: 25px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 0 0 #0000003D, 0 4px 4px 0 #0000003D;
}

a:link, a:visited{
    color: #2b2b2b;
}

a:hover{
    color: #8a936d;
}

.container{
    width: auto;
    height: 76px;
    overflow: hidden;
    border: 1px none;
    position: relative;
  }

.gato{
    height: 75px;
    width: auto;
    position: absolute;
    animation: slideInfinite 5s linear infinite;
  }

  @keyframes slideInfinite {
  0% {
    transform: translateX(-450%);
  }
  100% {
    transform: translateX(450%);
  }
}

.nota{
    margin-bottom: 25px;
    box-shadow: 0 0 0 0 #0000003D, 0 4px 4px 0 #0000003D;
    transition: transform 0.3s ease;
}

.nota:hover{
    transform: rotate(-5deg);
}

.back{
    transition: transform 0.3s ease;
}

.back:hover{
    transform: scale(1.1);
}

.notarosa{
    margin-bottom: 25px;
    box-shadow: 0 0 0 0 #0000003D, 0 4px 4px 0 #0000003D;
    transition: transform 0.3s ease;
}

.notarosa:hover{
    transform: rotate(5deg);
}

.grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.b{
    height: auto;
    margin-bottom: 5px;
}

.florecita{
    transition: transform 0.3s ease;
}

.florecita:hover{
    transform: scale(1.1);
}