#covercontainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  opacity: 0.9;
}
#offcanvasbutton {
    backgound-color: #FF4433;
  z-index: 0;
}

#citationdiv {
    background-color: transparent;
    color: #000000;
    border-style: none;
    border-color: coral;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#frank_zappa_div {
    //animation: fadein 48s ease-in-out infinite;
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 420px;
    height: 80px;
    margin-top: 15%;
    margin-left: 2%;
    padding: 20px;
    text-align: left;
    opacity: 1.0;
}
#frank_zappa_div:hover {
  //border-style: solid;
  //background-color: #435E7D;
  //border-radius: 25px;
  //opacity: 0.6;
}
#shane_macgowan_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 420px;
    height: 80px;
    margin-top: 10%;
    margin-left: 70%;
    padding: 20px;
    text-align: left;
    opacity: 1.0;
}
#shane_macgowan_div:hover {
  //border-style: solid;
  //background-color: #435E7D;
  //border-radius: 25px;
  //opacity: 0.6;
}
#miles_davis_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 420px;
    height: 80px;
    margin-top: 5%;
    margin-left: 2%;
    padding: 20px;
    text-align: left;
    opacity: 1.0;
}
#miles_davis_div:hover {
  //border-style: solid;
  //background-color: #435E7D;
  //border-radius: 25px;
  //opacity: 0.6;
}

#iggy_pop_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 480px;
    height: 120px;
    margin-top: 8%;
    margin-left: 3%;
    padding: 20px;
    text-align: left;
}
#iggy_pop_div:hover {
  //border-style: solid;
}

#john_coltrane_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 480px;
    height: 120px;
    margin-top: 20%;
    margin-left: 16%;
    padding: 20px;
    text-align: left;
}
#john_coltrane_div:hover {
  //border-style: solid;
}

#screaming_jay_hawkins_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 480px;
    height: 120px;
    margin-top: 5%;
    margin-left: 33%;
    padding: 20px;
    text-align: left;
}
#screaming_jay_hawkins_div:hover {
  //border-style: solid;
}

#fela_kuti_div {
    background-color: transparent;
    border-style: none;
    border-color: #C0AE77;
    width: 480px;
    height: 120px;
    margin-top: 5%;
    margin-left: 2%;
    padding: 20px;
    left: 0px;
    text-align: left;
}
#fela_kuti_div:hover {
  //border-style: solid;
}

#quote {
  font-family: "Lucida Console", "Courier New", monospace;
  width: 380px;
  margin: 10px;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.9;
}

#quote:hover {
  background-color: DodgerBlue;
}

#author {
  font-family: "Lucida Console", "Courier New", monospace;
  width: 130px;
  margin: 10px;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.9;
}

#author:hover {
  background-color: DodgerBlue;
}

#footer {
  background-color: transparent;
  //background-color: #435E7D;
  opacity: 0.6;
}

.uk-tooltip {
  opacity: 1.0;
  background-color: DodgerBlue;
  width:auto;
  margin: 0px;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.9;
  font-size: 14px;
  font-family: "Lucida Console", "Courier New", monospace;
}

.uk-tooltip-inner {
}

#offcanvaslink {
  color: #FFFFFF;
}

#uk-offcanvas-bar {
  opacity: 0.85;
  width: 80%;
}

#custom-badge {
  font-family: "Lucida Console", "Courier New", monospace;
  background-color: #668EBD;
  margin: 10px;
  color: #000000;
  padding: 10px;
}
#custom-badge:hover {
  //background-color: #435E7D;
  color: #FFFFFF;
}

#disclaimer_div {
  font-family: "Lucida Console", "Courier New", monospace;
  text-align: center;
}

.uk-icon:hover {
  color: #FFFFFF;
}

.uk-tile {
  width: 33%;
  min-width: 280px;
  min-height: 280px;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  20% { /* 3s for fade in */
    opacity: 1;
  }
  20% { /* roughly 10s for stay as-is */
    opacity: 1;
  }
  33% { /* 3s for fade out */
    opacity: 0;
  }
}