header {
    border-bottom:  solid 1px;  /* 枠線指定 */
    padding:  10px;             /* 余白指定 */
}
p {
  color:#d1c9c9
  }
h1 {
  color:#d1c9c9
  }

.bg_test {
  background-color: #322e36;   /* 背景色指定 */
  /*display: flex; /* Flexboxで横並びに */
}
footer {
    border-top: solid 1px;      /* 枠線指定 */
    padding:  10px;             /* 余白指定 */
}

main {
    flex: 1;
    padding:  20px;             /* 余白指定 */
    height:  300px;             /* 高さ指定 */
}
.side {
  width: 250px; /* サイドバーの幅を固定 */
  background-color: #322e36;
  padding: 20px;
}
*/
.container {
  display: flex; /* Flexboxで横並びに */
}
.yoko{
    background-color: #2d2c30;
}