/*----------------------------------------------------------------------------*/

html, body {
  height: 99%;  /* 100% sometimes causes permanent vertical scrollbar. */
}
.header-gap {
  height: 0;
  padding-top: clamp(0px, 5vh, 200px);
}
.vertical-gap {
  height: 0;
  padding-top: clamp(0px, 2.5vh, 100px);
}

/*----------------------------------------------------------------------------*/

.noglow {
  -webkit-filter: drop-shadow(0px 5px 10px #101010) grayscale(50%) opacity(50%) blur(2px);
          filter: drop-shadow(0px 5px 10px #101010) grayscale(50%) opacity(50%) blur(2px);
  background: #000000;
  border: 2px solid #333333;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.noglow:hover {
  -webkit-filter: drop-shadow(0px 5px 10px #101010) grayscale(0%) opacity(50%) blur(0px);
          filter: drop-shadow(0px 5px 10px #101010) grayscale(0%) opacity(50%) blur(0px);
  border: 2px solid #333333;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.noglow:active {
  -webkit-filter: drop-shadow(0px 5px 10px #101010) grayscale(100%) opacity(50%) blur(4px);
          filter: drop-shadow(0px 5px 10px #101010) grayscale(100%) opacity(50%) blur(4px);
  border: 2px solid #333333;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.glow {
  -webkit-filter: drop-shadow(0px 5px 10px #101010);
          filter: drop-shadow(0px 5px 10px #101010);
  background: #7098FF;
  border: 2px solid rgba(0,0,0,0);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.glow:hover {
  background: #FF9870;
  box-shadow: 0 0 40px #FF9870;
  border: 2px solid #FFCC99;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.glow:active {
  -webkit-filter: drop-shadow(0px 5px 10px #101010) brightness(120%);
          filter: drop-shadow(0px 5px 10px #101010) brightness(120%);
  background: #FF9870;
  box-shadow: 0 0 60px #FF9870;
  border: 2px solid #FFCC99;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

/*----------------------------------------------------------------------------*/

.button {
  display: inline-block;
  /* background: url(placeholder.png); */
  /* background-size: 200px 40px; */
  /* width: 200px; */
  /* height: 40px; */
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: 1px 1px 4px rgba(255,255,255,.75) inset, -1px -1px 4px rgba(0,0,0,.75) inset;
  overflow: hidden;
  border: 1px solid #000000;
  -webkit-filter: drop-shadow(0px 2px 6px #101010);
  filter: drop-shadow(0px 2px 6px #181818);
}
.button:hover {
  box-shadow: 0 0 20px #FFCC99;
  border: 1px solid #FFCC99;
  /* box-shadow: 0 0 12px 4px #7098FF; */
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  /* position: relative; */
  /* z-order: -1; */
}

/*----------------------------------------------------------------------------*/

.mugbutton {
  display: inline-block;
  border-radius: 12px;
  box-shadow: 1px 1px 4px rgba(255,255,255,.75) inset, -1px -1px 4px rgba(0,0,0,.75) inset;
  overflow: hidden;
  border: 1px solid #000000;
  -webkit-filter: drop-shadow(0px 2px 6px #101010);
  filter: drop-shadow(0px 2px 6px #181818);
}
.mugbutton:hover {
  box-shadow: 0 0 10px 6px #7098FF;
  border: 1px solid #7098FF;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

/*----------------------------------------------------------------------------*/

.covers {
  border-radius: 40px;
  border: 1px solid #101010;
  -webkit-filter: drop-shadow(0px 4px 6px #202020);
  filter: drop-shadow(0px 4px 6px #202020);
  box-shadow: 1px 1px 2px #666666 inset, -1px -1px 2px #101010 inset;
}

/*----------------------------------------------------------------------------*/

a {
  color: #CCDDFF;
  text-decoration: underline;
}
a:link {
  color: #CCDDFF;
  text-decoration: underline;
}
a:visited {
  color: #90C0F0;
  text-decoration: underline;
}
a:hover {
  color: #FFFF00;
  text-decoration: underline;
}
a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/