body {
background-image: url(https://i.imgur.com/nrPwB2o_d.webp?maxwidth=1520&fidelity=grand);
}

.rightHead, .tableRight {
  background: #2A287B;
  color: #ffffff
}

@keyframes bg {
  from{
   filter: hue-rotate(0deg);
  }
  to{
    filter: hue-rotate(358deg);
  }
}

.boxInfo, .url.box { animation: 2s linear bg infinite }
.blurbs > h4 { color: #0077ff }
.boxButton { filter: hue-rotate(215deg) }


#hUp:before { content: "hot jellyfish in your area"; animation: blinkingTextGreen linear 0.3s infinite; }

.tableLeft {
  background: #9487D7;
}

.boxInfo.box, .url.box
{ background: #fff }

.extended.box 
{ background: #9487D7;
}

.topLeft, .topRight {
background: rgba(255,255,255,0.5);
border-radius: 10px;
margin-top: 20px;
}

.topRight {
transform: translateX(10px);
}