/* body{
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
} */
.main-main{
  font-size: calc(16px + (21 - 16) * ((100vw - 320px) / (991 - 320)));
 }
 main{
  max-width: 1240px;
  margin-left:auto; margin-right: auto;
  background-color: rgb(243, 236, 236);
  padding: 0.01em 16px
 }
 .topic-list-section{
  color: orange; 
  font-size: .8em;
  /* box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); */
  padding:0.01em 16px;
  margin-top:16px;margin-bottom:16px;
 }
 .topic-list-section ul{
  margin-left: .4em;
 }
 .topic-list-section li{
  margin-bottom: 5px;
 }
 .topic-list-section a:hover{
  color: blue;
 }
 /* header, footer{
   width: 100%;
  flex-shrink: 0;
 }
 footer{
  /* margin-top: auto; */
 } */