@charset  "utf-8" ;

body {
  background-color:  #2e2e4d;
  font-family: "Kosugi Maru", serif;
  color:  #f0f8ff;
  }

header  {
  background-color:  #008299;
  text-align:  center;
  width:  1200px;
  margin:  0 auto;
  border-radius:  0 0 10px 10px;
  }
  
h1  {
  padding-top:  30px;
  font-size:  50px;
  }
  
.headernav  {
  font-size:  20px;
  margin-top:  20px;
  }
  
.headernav nav ul  {
  border-top:  2px solid #2e2e4d;
  display:  flex;
  justify-content:  center;
  padding: 10px 20px;

  }

.headernav nav ul li  {
  margin:  0 30px;
  }

.modoru  {
  width:  75px;
  height:  auto;
  display:  block;
  margin:  10px auto 0;
  text-align:  center;
  }
  
.foot  {
  background:  #008299;
  text-align:  center;
}

footer  {
  margin-top: 10px;
  padding:  10px 0 5px;
  }