.dropupbtn {
    background-color: #3498DB;
    color: white;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    border: none;
  }
  
  .dropup 
  {
    position: relative;
    display: inline-block;
  }
  
  .dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 32px;
    z-index: 1;
  }
  
  .dropup-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropup-content a:hover {background-color: #ccc}
  
  .dropup:hover .dropup-content {
    display: block;
  }
  
  .dropup:hover .dropupbtn {
    background-color: #2980B9;
  }
  
  div.bottomnavbar
  {
    width:100%;
    height:32px;
    margin:0px;
    padding: 0px;
    background-color: black;
    position:fixed;
    bottom:0px;
    display:hide;
  }
  
  div.bottomclock
  {
    width:100%;
    height:32px;
    margin:0px;
    padding: 0px;
    background-color: black;
   
    position:fixed;
    bottom:0px;
    display:block;
  }
  
  button.bottomclock
  {
    margin:0px;
    padding: 0px;
    margin-left: 10px;
    font-size: 28px;
    line-height: 30px;
    background-color: black; 
    color:white;
    cursor:pointer;
    border:none;
  }