html, body {
  height: 100%;
  font-family: monospace;
  background-image: url("../assets/textures/sunny_sky.jpg");
  background-repeat: repeat;
  background-size: cover;
}

div.container {
  width: 100%;
  height: 100%;
}

div.main-box {
  width: 70%;

  border: 2px solid black;
  border-radius: 0px 20px 0px 20px;
  margin: 0 auto;
  background: white;
  padding: 15px;
  font-size: 20px;
}

h1.title {
  font-size: 45px;
}

div.title-hour-select {
  margin-top: 1%;
  font-size: 20px;
}

div.box-hour-select {
  width: 70%;
  border: 2px solid black;
  border-radius: 0px 20px 0px 20px;
  margin: 0 auto;
  margin-top: 1%;
  background: white;
  padding: 6px;
  font-size: 20px;
}

div.buttons-area {
  width: 55%;
  margin: 0 auto;
  margin-top: 1%;
}

button {
  width: 20%;
  border-radius: 0px 20px 0px 20px;
  padding: 20px;
  font-size: 20px;
}
.btn1 {
  border: 2px solid green;
  background: lightgreen;
  margin-right: 5%;
}
.btn2 {
  border: 2px solid #e5be01;
  background: yellow;
  margin-right: 5%;
}
.btn3 {
  border: 2px solid #800000;
  background: red;
  margin-right: 5%;
}
.btn4 {
  border: 2px solid red;
  background: orange;
}

div.descriptor {
  width: 70%;
  border: 2px solid black;
  border-radius: 0px 20px 0px 20px;
  margin: 0 auto;
  margin-top: 1%;
  background: white;
  padding: 20px;
  font-size: 20px;
}