.container-box {
    margin: 1 auto;
    width: 100%;
    height: 800px;
    position: absolute;
}
#st-box {
    float:left;
    width: 25%;
    height: 100%;
    top: 10px;
    left: 10px;

}
#nd-box {
    float:left;
    width:180px;
    height:160px;
    margin-left:10px;
}
#rd-box {
    float:left;
    width: 75%;
    height: 100%;
    top: 10px;
    right: 10px;

}

.button {
  /* background-color: #00FF00; */
  background-color: navy;
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  width: 25%  ;
}

/* Transparent */
.button1 {border-radius: 2px;  background-color: transparent;   font-size: 18px;}
.button2 {border-radius: 2px;  background-color: transparent;   font-size: 18px;}
/* Rectangular */
.button3 {border-radius: 80%;  font-size: 12px; width: 30%; font-size: 12px;  margin: 4px 2px;}
.button4 {border-radius: 80%; background-color:rgb(145, 2, 2); width: 30%; font-size: 12px;  margin: 4px 8px;}
/* Circular */
.button5 {border-radius: 80%;}
.button6 {border-radius: 80%;   background-color:rgb(145, 2, 2);}