tate {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


h1{
  width :200px
  height:800px
}

.red{
  font-size: 100px;
  color: red;
}

.blue{
  font-size: 150px;
  color: blue;
}

.example li{
  float: left;
}


body{
  background: linear-gradient(#ffffff, #ffffff, #b3d4ff);

}
div{
  display: flex;
  flex: 1;
}
main{
  flex: 1;
}
nav{
  width: 230px;
  height:1500px;
    background-image: url("nami.jpg");

}

footer{
  height: 100px;
  background-color: #ffffff;
}

.box1{
  width:50px;
  background:blue;
  border-radius:30px;
  text-align:center;
  color: #ffffff;
}

.migi     { text-align: right; }