BODY {
  background: rgb(51, 51, 51);
  margin: 0px;
  padding: 0px;
  width: 100%;
  overflow-x:hidden;
}
.col {
  float: left;
  width: 80%;
  margin-top: 6px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.red p {
  color: #FC1c1c;
}
.yellow p {
  color: #FFFF00;
}
.blue p{
  color:dodgerblue;
}
p {
  padding:0;
  border:0;
  margin:0;
  color: white;
  text-align: center;
  float: left;
  font-size: 4.5vw;
  margin: 1vw;
  width: 4.5vw;
  height: 4.5vw;
}
.spacer{
  padding:0;
  border:0;
  margin:0;
  color: white;
  text-align: center;
  float: left;
  font-size: 3vw;
  margin: 1vw;
  width: 4.5vw;
  height: 4.5vw;
  border-radius: 3vw;
}
.red input {
  background-color: #fc1c1c;
  color: white;
}
.yellow input {
  background-color: #FFFF00;
  color: grey;
}
.blue input {
  background-color: dodgerblue;
  color: white;
}
.feed {
  color: gray;
  text-align: left;
  font-size: 2.5vw;
  margin: 1vw;
  margin-top: 1vw;
  width: 99%;
  float: left;
}
button{
  background-color: gray; /* Green */
  border: none;
  padding: 1vw 0.5vw;
  margin: 1vw;
  text-align: center;
  text-decoration: none;
  display:block;
  color: white;
  font-size: 1.3vw;
  width: 100%;
  border-radius: 0.5vw;
  text-transform: uppercase; 
  float:left;
}
button:hover {
  opacity: .50;
}
.cook{
    position:absolute;
    top:95vh;
    margin:auto;
    font-size:1vw;
    width:100%;
    height:auto;
    text-align:left;
    margin-left: 1vw;
    margin-bottom: 1vw;
    color: white;
}