html{
  overflow-x: hidden;
  max-width: 100%;
}
body{
  background-color: #D3CED5;
  font-family: sans-serif;
  color: #020202;
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}
a{
  color: #123077;
}
a:visited{
  color: #462f48
}
.rainbow{
  position: fixed;
  transform: rotate(45deg);
  z-index: -1;
  right:-75px;
}
.red, .orange, .yellow, .green, .blue, .purple{
	max-width: 50em;
  min-width: 300px;
  min-height: 5px;
  margin: 0 auto;
}
.red{
  background-color: #e40303
}
.orange{
  background-color: #ff8c00
}
.yellow{
  background-color: #ffed00
}
.green{
  background-color: #008026
}
.blue{
  background-color: #004dff
}
.purple{
  background-color: #750787
}

@media only screen and (max-width: 750px){
  .rainbow{
    position: absolute;
    overflow: hidden;
  }
}