.hello {
  padding: 40px 15px;
  text-align: center;
}
.controller_selection {
  padding-top: 10px;
}

.hidden {
  display: none;
}

.huge_text {
  font-size: 2.5em;
}

@media all and (orientation: portrait) {
  #bucket_image {
    width: 90%;
    cursor: pointer;
  }
}

@media all and (orientation: landscape) {
  #bucket_image {
    width: 40%;
    cursor: pointer;
  }
}



@media all and (orientation: portrait) {
  #alarm_image {
    width: 70%;
    cursor: pointer;
  }
}

@media all and (orientation: landscape) {
  #alarm_image {
    width: 30%;
    cursor: pointer;
  }
}

.clickable {
  cursor:pointer;
}
