@media screen and (min-width: 1024px) {
  div.button { font-size: 3rem; border-radius: 1.5rem;}
  div.purpose { font-size: 2.5rem; }
  div.purposeitem { font-size: 1.8rem; }
}

@media screen and (max-width: 1024px) {
  div.purpose { font-size: 4vw; }
  div.purposeitem { font-size: 3vw; }
  body { width: 100%; margin:0; background-color: var(--pink); padding: 0; }
}

div.profile {
  position: relative;
}

div.purpose {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

span.firstword {
  text-decoration: underline;
  margin-right: 2%;
}

div.purposeitem {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

div.profile > img.format169 {
  width: 100%;
  max-width: 1280px;
}

div.profile > img.formatprofile {
  width: 25%;
  position: absolute;
  top: 3%;
  left: 3%;
  border-color: var(--pink);
  border-width: 1px;
  border-style: solid;
  border-radius: 5%;
  max-width: 446px;
}