li.calendar a {
    background-color: var(--selected);
    border-radius: 10px;
  }

figure {
    display:inline-block;
    
    
}
  
figcaption {
    text-align: center;
}
  
/* size and shape the pictures */
img {
    border-radius: 5px;
    box-shadow: 10px 10px 6px 5px rgba(22, 92, 116, 0.4);
    width: 100%;
    max-width: 500px;
}
  
.rotate {
    animation: rotation 1.5s;
}
  
@keyframes rotation {
    from {
      transform: rotate(0deg) scale(0);
    }
    to {
      transform: rotate(720deg) scale(1);
    }
}