my_style.css

body {
  margin-left: auto;
  margin-right: auto;
}


h1 {
  /* margin-left: 20px; */
  text-align: center;
}
p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;


}

ul{
  display: block;
  list-style-position: inside;
  margin-left: 200;
  margin-right: 200;
}

.inLinePics {
  display: flex;
  flex-direction: row;
}

.photo {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-height: 400px;
  width: auto;
}
.photo1 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
  width: 97px;
}
.photo2 {
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  width: 300px;
}

.container1{
  display: flex;
  flex-direction: row;
}