@media screen and (max-width: 767px) {
/* ここに横幅が767px以下の時に発動するスタイルを記述 */
.content {
  width: 50%;
}
}

@media screen and (min-width: 767px) {
/* ここに横幅が767pxより大きい時に発動するスタイルを記述 */
.content {
  width:100%;
}
}

main{
  text-align:center;
}

h1{
  padding: 5%;
}

body {
  background-color: #e0f7fa; /* 薄い青色などのカラーコード */
}

ol{
  padding-left: 10%;
  padding-top: 5%;
  line-height: 30px;
}