/* body{
    background-color: black;
   color: white;
   margin : 0;
   display: flex;
   align-items: center;
}
main{
    width:fit-content;
    align-items: center;
}
.top_picture{
    width:fit-content;
    margin-left: auto;
    margin-right: auto;
}
.middle_picture{
    width:fit-content;
    margin-left: auto;
    margin-right: auto;
}
.bottom_picture{
    width:fit-content;
    margin-left: auto;
    margin-right: auto;
} */

body, html {
    margin: 0;
    background-color: black;
  }
  
  main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  
  .top_picture, .middle_picture, .bottom_picture {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }