@font-face {
          font-family: Scoreboard;
          src: url('../js/scoreboard.ttf');
        }
      /* Set the size of the div element that contains the map */
      #mapdiv {
        height: 100%;
        width: 100%;  
       }
        /* Makes the page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      button {
          display: inline-block;
          border: 2px solid black;
          border-radius: 8px;
          padding: 1rem 2rem;
          margin: 0;
          text-decoration: none;
          background: gray; 
          color: #ffffff;
          font-family: sans-serif;
          font-size: 1rem;
          cursor: pointer;
          text-align: center;
          transition: background 250ms ease-in-out, 
                      transform 150ms ease;
          -webkit-appearance: none;
          -moz-appearance: none;
      }

      button:hover,
      button:focus {
          background: #0053ba;
      }

      button:focus {
          outline: 1px solid #fff;
          outline-offset: -4px;
      }

      button:active {
          transform: scale(0.99);
      }

        .test {
          width:200px;
          display:inline-block;
          overflow: auto;
          white-space: nowrap;
          margin:0px auto;
          border:1px red solid;
        }
      #time {
        background: #E6E6FA;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        margin-right: 40px;
        margin-bottom: 0px;
      }
    
      #ctrButton {
        cursor: pointer;
        background-color: #fff;
        margin-right: 7px;
        border: thick solid white;
      }
      .unstyled-button {
        border: 0 none;
        padding: 0;
        background: none;
        cursor: pointer;
      }