h1 { font-size: 2.25rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
p { font-size: 1.0rem; }

.body {
  font-family: Arial, Helvetica, sans-serif;
  color: #491C59;
  padding:5%;
  margin: -10px;
background: #FFA9A3;
background: linear-gradient(175deg, rgba(255, 169, 163, 1) 20%, rgba(248, 117, 117, 1) 50%, rgba(63, 51, 77, 1) 80%);}

/* Style the header */
.header {

  padding: 30px;
  text-align: center;
  font-size: 35px;
}

.center {
  text-align: center;
}

/* Container for flexboxes */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.column {
  border-style: solid;
  border-color: #DBD4E2;
  color: #DBD4E2;
  border-width: 2px;
  border-radius: 25px;
flex: 1;
 margin: 10px;   
  padding: 10px;
  
}

/* Wider column */

/* Middle column */
.double-column {
  border-style: solid;
  border-color: #DBD4E2;
  color: #DBD4E2;
  border-width: 2px;
  border-radius: 25px;
flex: 2;
 margin: 10px;   
  padding: 10px;
}

/* Style the footer */
.footer {
  color: #DBD4E2;
  background-color: #231D2B;
  margin: -10px;
  margin-top: 10px;
  border-top-style: solid;
  border-color: #DBD4E2;
  border-width: 2px;  
  padding: 10px;
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .column {
    flex: 1
  }

  .double-column {
    flex: 2
  }
}