/* PATTERN COLUMN*/

#content {   
  display: flex;
  justify-content: center;
  position: relative;
}

/* BOTH COLUMNS */

.left {
  width: 384px; 
  padding: 1em;
  background: white;
  height: auto;
  margin-left: 5vw;
  padding-left: 2vw;
}

.right {
  width: 40%; 
  padding: 1em;
  background: #ff0080;
  height: auto;
  margin-left: 5vw;
  padding-left: 2vw;
}


/* LEFT COLUMN */

.left {   
  float: left; 
  height: auto;
}

/* RIGHT COLUMN */

.right {   
    float: right; 
    height: auto;
    margin-left: 5vw;
}