body {
  background: #212121;
  min-height: 95vh;
}

      @keyframes bganimation {
        0% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 123, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 123, 0, 1) 100%);}

        10% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 117, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 117, 0, 1) 100%);}
        
        20% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 105, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 105, 0, 1) 100%);}
        
        30% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 90, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 90, 0, 1) 100%);}
        
        40% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 87, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 87, 0, 1) 100%);}
        
        50% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 78, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 78, 0, 1) 100%);}
        
        60% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 87, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 87, 0, 1) 100%);}
        
        70% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 90, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 90, 0, 1) 100%);}
        
        80% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 105, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 105, 0, 1) 100%);}
        
        90% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 117, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 117, 0, 1) 100%);}

        100% {background: radial-gradient(circle at 50% 50%, rgba(1, 66, 1, 1) 0%, rgba(0, 123, 0, 1) 33%, rgba(1, 66, 1, 1) 66%, rgba(0, 123, 0, 1) 100%);}
      }

#box {
  background: linear-gradient(180deg, rgba(229, 229, 229, 1) 0%, rgba(193, 193, 193, 1) 100%);
  box-shadow:1px 1px 4px 4px rgba(0,0,0,.4);
  padding:4px;
  margin:2px;
  border-radius:12px;
  display:block;
  font-size:18px;
  position:relative;
  width:64vw;
  height:43vw;
  top:0.8vw;
}

#pagetitle {
  background: linear-gradient(180deg, rgba(229, 229, 229, 1) 0%, rgba(193, 193, 193, 1) 100%);
  border-radius: 20px 20px 0 0;
  font-size:24px;
  width:64vw;
  height:40px;
  position:relative;
  color:black;
  margin:auto;
}

#headbox {
  background: linear-gradient(0deg, rgba(41, 190, 239, 1) 0%, rgba(41, 190, 239, 1) 41%, rgba(200, 238, 252, 1) 100%);
  color: white;
  box-shadow:1px 1px 4px 4px rgba(0,0,0,.4);
  padding:4px;
  margin:2px;
  border-radius:12px 12px 0 0;
  display:block;
  font-size:20px;
  font-family:Tahoma;
}

#descriptionbox {
  background: radial-gradient(ellipse at 50% 50%, rgba(125, 126, 125, 0.22) 0%, rgba(194, 198, 194, 0.22) 100%);
  padding:4px;
  margin:2px;
  border-radius:12px;
  display:block;
}

table {
  background: rgba(125, 126, 125, 0.52);
  border-collapse: separate;
  border-radius:6px;
  box-shadow:1px 1px 4px 4px rgba(0,0,0,.4);
  font-family:Tahoma;
}

#topTable {
  background: rgba(194, 198, 194, 0.52);
  border-radius:6px;
}

#clickable {
  background: radial-gradient(ellipse at 50% 50%, rgba(153, 154, 153, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  box-shadow:1px 1px 4px 4px rgba(0,0,0,.4);
  padding:4px;
  margin:2px;
  border-radius:12px;
  display:block;
  font-size:20px;
  font-family:Tahoma;
}

  #clickable:hover {
      background: linear-gradient(0deg, rgba(41, 190, 239, 1) 0%, rgba(41, 190, 239, 1) 41%, rgba(200, 238, 252, 1) 100%);
  }
  
#clickableArt {
  background: radial-gradient(ellipse at 50% 50%, rgba(153, 154, 153, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  box-shadow:1px 1px 4px 4px rgba(0,0,0,.4);
  padding:4px;
  border-radius:12px;
  font-size:20px;
  font-family:Tahoma;
  height:78px;
  margin:10px;
  overflow:hidden;
}

  #clickableArt:hover {
      background: radial-gradient(ellipse at 50% 50%, rgba(238, 238, 238, 0.52) 0%, rgba(153, 154, 153, 0.52) 100%);
  }

#art {
  border:solid;
  border-color:rgba(41, 190, 239, 1);
  border-width: 0 3px 25px 3px;
  border-radius:0 0 12px 12px;
  display:block;
  margin:0 0 0 2px;
  width:98%;
  height:98%;
  box-shadow:0 1px 4px 4px rgba(0,0,0,.4);
}

h1 {
  color: white;
  font-family: Monospace;
}

#icon {
  width:64px;
  height:64px;
  margin:6px;
  border:solid;
  border-color:rgba(67, 170, 64, 0.8);
  border-radius:8px;
  float:left;
}

#counter {
  position:fixed;
  left: 40%;
  bottom: 10px;
}

a {
  color:white;
  text-decoration: none;
}