.App {
  text-align: center;

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

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

    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;
      }
    }
  }
}