body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #333;
    zoom: 1.25;
  }
  
  a{
  text-decoration: none;
  color: white;
  }
  
  button {
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #2ab062;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  button:hover {
    background-color: tomato;
  }
  footer {
    margin-top: 3em;
    color: gray;
    font-size: .75em;
  }
  h1, h2, h4, li {
    color: whitesmoke;
  }
  li {
    list-style-type: none;
  }
  
  #currentHole {
    margin-top: 30px;
    font-size: 1em;
    color: whitesmoke
  }
  #winner{
    color: whitesmoke;
    font-size: 3em;
    margin-bottom: 20px;
  }
  
  #players {
    color: whitesmoke;
    margin-right: 20px;
    margin: 0 auto;
  }
  
  #scoreboard {
    margin-top: 20px;
  }
  
  #score {
    list-style-type: none;
    padding: 0;
  }
  
  #score li {
    margin-bottom: 5px;
  }
  
  #newGameBtn {
    margin: 0 auto;
  }
  
  .add-score-btn {
    margin-left: 1em;
  }
  
  .scoring-btn {
    margin-left: 10px;
  }
  
  .fa-golf-ball-tee{
    color: whitesmoke;
    size: 4em;
  }
  .libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .libre-baskerville-bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal; 
  }
  
  .libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .player-div {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px;
    min-width: 75px;
  }
  
  
  /* The Modal (background) */
  .plusModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .plusModal-content {
    background-color: #eaf9f0;
    color: #2ab062;
    font-weight: bolder;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border-radius: 5px;
    width: 25%; /* Could be more or less, depending on screen size */
  }
  
  
  