body {
  background-image: url(https://cutesyghost.neocities.org/selfshipping/giphy.gif);
  color:  violet; 
}

.navigation {
  display: block;
  width: 100px;
  background-color: purple;

}

.info-box {
  background-color: beige;
  margin: 30px;
  height: 50px;
  width: 120px;
  padding: 40px;
  border: 5px;
  float: left;

}
  

.css-rainbow-text {
    background: linear-gradient(90deg, #f00, #ff2b00, #f50, #ff8000, #fa0, #ffd500, #ff0, #d4ff00, #af0, #80ff00, #5f0, #2bff00, #0f0, #00ff2b, #0f5, #00ff80, #0fa, #00ffd5, #0ff, #00d4ff, #0af, #007fff, #05f, #002bff, #00f, #2a00ff, #50f, #7f00ff, #a0f, #d400ff, #f0f, #ff00d4, #f0a, #ff0080, #f05, #ff002b, #f00);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 50px;
    font-weight: bold;
    display: inline-block;
    font-family: spectral;
}