.App {
  text-align: center;
}

.Gallery{
    max-width: 80%;
    margin-top:40px;

}

  .Gallery img{
      width: 400px;
      height:200px;
      border:3px solid blue;
  }

  .Gallery  button{
      width: 100px;
      height: 25px;
      margin: 20px;
      border:1px solid yellow;
      border-radius: 10px;
      background-color:pink;
    }

    .Dots{
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top:10px;
    }

    .DotsFon {
        margin: 10px;
        width: 17px;
        height: 17px;
        background-color: black;
        border-radius: 50%;
    }

    .DotsFon--active {
        background-color: red;
    }

