*{
  box-sizing: border-box;
  margin:o;
  padding:0;
  }

body{font-family:"note sans jp",sans-serif;
     background-color:#f4f6f8;
     color:#333;
     line-height: 1.6;
     padding:20px 10px;
}

.site{
  
  max-width:1000px;
  margin:0 auto;
  border: 3px solid #333;
  background-color:#fff;
  }
  
  
  
.site-header {
  
  padding: 20px;
  }
  
.containeer{
  max-width: 100px;
  margin: auto;
}


h1{
  font-family: "special Elite",serif;
  font-size: 60px;}

.content{
  display:flex;
  
  gap:20px;
  padding:20px;
}

main{
  flex:1;
  min-width:0;
  border:1px solid #333;
  padding:20px;
  
  }


aside{
  width:250px;
  flex-shrink:0;
  
  border: 1px solid #333;
  padding: 20px;
  
}

footer {
  padding:20px;
  border-top:1px solid #333;
  }