.bg1 {
  margin: 0px; padding: auto; width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #77f;
  background-image: linear-gradient(to right, #021230, #032341 2%, #032341 98%, #021230);
}

.bg2 {
  margin: 0px; padding: auto; width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  background-image: linear-gradient(to right, #bbb, #eee 2%, #eee 98%, #bbb);
  border: 2px;
  border-style: solid none;
  border-color: #555;
  border-image: linear-gradient(to right, #999, #ccc 2%, #ccc 98%, #999) 1;
}