h1{
    background-color: greenyellow;
    text-align: center;
    font-size: 50px;
    white-space: pre-line;
}

h2{
    background-color: aqua;
}

p{

    white-space: pre-line;
}

body {
    margin: 0;
}

#title {
    margin-top: 0;
}

.container {
  width: 80%;        /* ここで幅を決める（px でもOK） */
  margin: 0 auto;    /* これで左揃えのまま中央配置 */
  text-align: left;  /* 左揃えを維持 */
}

footer {
  padding: 10px 0;   /* 上下に10pxの余白 */
}