body {
  /* Add styles here! */
color: black;
  /* Makes the background image prettyyyyy and gradienty  */
  background-image: linear-gradient(180deg, #f8b6fc 0%, #b0f2ff 100%);
  /* changes baised on how big or small it is  */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* makes the height the fill view */
}

.container{
  max-width: 800px; 
  width: 85%;
  padding: 30px;
  border-radius: 10px;
  background-color: #ffffff;
}