/* global styles for both index and highscores document */
body {
    background-color: ivory;
}
main {
    margin-bottom: 100px;
}
.navbar {
    background-color: lightsalmon;
    color: forestgreen;
}

footer {
    background-color: forestgreen;
    color: lightsalmon;
}

.btn {
    border: 3px solid darkmagenta;
    color: darkmagenta;
    outline: none;
}

.btn:hover {
    background-color:darkmagenta;
    opacity: 0.7;
    color: forestgreen
}

body .btn {
    outline: 0 !important;
  }
  .btn.active.focus,
  .btn.active:focus,
  .btn.focus,
  .btn.focus:active,
  .btn:active:focus,
  .btn:focus {
    outline: 0 !important;
    outline-offset: 0  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;
  }

  /* Below only appy to index page */
#friend, #clue, #fifty {
    border: 3px solid salmon;
} 

#friend:hover, #clue:hover, #fifty:hover {
    background-color: lightsalmon;
}

#time {
    color: forestgreen;
}

#what {
    color: darkmagenta;
}