body {
    margin: 0px;
    overflow: hidden;
  }

.btn {
  padding: 0.25em;
  border-radius: 4px;
  border: true;
  background: yellow;
  color: black;
  width: 7em;
  height: 3em;
  margin-top: 10px;
}

.active {
  padding: 0.25em;
  border-radius: 4px;
  border: true;
  background: lime;
  color: black;
  width: 7em;
  height: 3em;
  margin-top: 10px;
  }  

#bottomButtons {
  position: fixed;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 7em;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}

#button1 {
  margin-top: 0px;
  width: 7em;
}
#button2 {
  margin-left: 10px;
  margin-top: 0px;
  width: 7em;
}

#skybtn {
  position: absolute;
  top: 1%;
  right: 1%;
  width: 1%;
  height: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
}
  
.skybtn {
  padding: 1em;
  border-radius: 50%;
  border: none;
  background: #e7e7e7; color: black;
  width: 3em;
  height: 3em;
}