*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
.wrapper{
  max-width:1300px;
  margin: 0 auto;

}
header{
  width:100%;
  position:fixed;
  z-index: 100;
  background-color:white;
}
header h2{
  padding: 15px;
  font-size:30px;
  padding-left: 100px;
}
header nav{
  width:100%;
  background-color: black ;
  padding-left: 20px;
}
header nav ul li{
  list-style: none;
}
header ul li{
  display:inline-block;
  margin-top: 10px;
  margin-right: 40px;
  margin-bottom: 10px;
}
header ul li a{
  text-decoration: none;
  color: white;

}
.article{
  display:flex;
  justify-content: space-around;
  padding-top: 140px;
  margin-bottom: 70px;
  text-align: center; /* aタグ,imgタグで使用不可 */
}
.article p{
  font-weight: 600;
  margin-top: 10px;
}
.article a{
  text-decoration: none;
  color: blue;
  margin-top: 10px;
  display:block
}
.container{
  display:flex;
  justify-content: space-around;
}
main{
  flex:0.66;
}
main article{
  margin-bottom: 50px;
}
main ul{
  list-style: none;
  display:flex;
  padding: 10px 0 10p 0;
}
main h1{
  font-size:30px;
}
main ul li{
  margin-right: 40px;
}

main a{
  text-decoration: none;
  text: block;
}
aside{
  flex:0.33;
}
aside h4{
}
.author{
  text-align:center;
  margin-right: 150px;
}
.author h4{
  font-weight: 600px;
}
.author  p{
  font-weight: 800px;
  font-size:1px;
  margin-top:10px;
}
.author img{
  justify-content: space-around;
}