* {
    padding: 0px;
    margin: 0px;
  }
  
  .slide {
      display: flex;
      justify-content: center;
      margin: 30px;
  }
  

  .window {
    width: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .images {
    display: flex;
    align-items: flex-start;
    margin-left: 1200px;
    transition: all 0.4s;
  }
  
  .buttons {
    display: flex;
    list-style: none;
  }
  
  .buttons > li {
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #2e53e6;
    border-radius: 50%;
    text-align: center;
    margin: 4px 3px;
    background-color: white;
    box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
  }
  
  .buttons > .active {
    color: white;
    background-color: #2e53e6;
  }