*{
   margin: 0;
   padding: 0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}

.container{
   display: flex;
}

body{
   flex-direction: column;
   align-items: center;
   background-image: linear-gradient(45deg, #542673 35%, #F2BB77);
   width: 100%;
   min-height: 100vh;
}

main{
   margin-top: 85px;
   background-color: rgba(255, 255, 255, 0.911);
   width: 65%;
   min-height: 40rem;
   border-radius: 0.5rem;
   padding: 1rem 0;
   margin-bottom: 5rem;
   box-sizing: border-box;
}

@media screen and (max-width: 754px){

   body{
      max-width: 100%;
   }
   
   main{
      width: 100%;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
   }

}