html, body {
  width: 100%;
  height: 100%;
}
body{
  background-color: papayawhip;
  text-align: center;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;

  zoom: 1.4; 
}

#title{
  font-weight:bold;
  font-size: 20px;
}

#box{
  
  /*position: absolute;*/
        background: #E73C49;
        width: 150px;
        height: 100px;
  margin: auto;
        /*top: 50%;
        left: 50%;
        transform: translate(-50%, -70%);*/
}

#rB{font-weight:bold;font-size: 35px;color: salmon;}#rS{color:salmon;}#gB{font-weight:bold;font-size: 35px;color: #7ed37e;}#gS{color:#7ed37e;}#bB{font-weight:bold;font-size: 35px;color: skyblue;}#bS{color:skyblue;}

#rValue{
  width:25px;
  background: rgb(255,220,220);
}
#gValue{
  width:25px;
  background: rgb(220,255,220);
}
#bValue{
  width:25px;
  background: rgb(220,220,255);
}

#nameInfo{
  position: fixed;
  
  left:10px;
  bottom:5px;

  font-size: 10px;

  color: rgb(184, 184, 184);
}