body {
  overflow: auto;
  color: black;
  font-family: 'PT Serif', serif;

  background: linear-gradient(
    90deg,
    #5BCEFA 0%,
    #F5A9B8 40%,
    #FFFFFF 50%,
    #F5A9B8 60%,
    #5BCEFA 100%
  );
}

.box-1 {
  overflow: auto;
  text-wrap: normal;
  
  border-radius: 5px;
  border: 8px solid purple;
  color: black;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  background: #fff;
  
  position: absolute;
  right: 500px;

  
  width: 500px;
  min-height: 400px;
  display:flex;
  flex-direction: column;
  
  padding: 20px;
  margin: -2px;
}

.box-2 {
  overflow: auto;
  text-wrap: normal;

  border-radius: 20px;
  border: 8px solid purple;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  
  position: absolute;
  right: 500px;
  
  width: 500px;
  min-height: 400px;
  display:flex;
  flex-direction: column;
  
  padding: 20px;
  margin: -2px;
}

.box-3 {
  overflow: auto;
  text-wrap: normal;

  border-radius: 20px;
  border: 8px solid purple;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  
  
  
  width: 500px;
  min-height: 400px;
  display:flex;
  flex-direction: column;
  
  padding: 20px;
  margin: -2px;
}