.wrapper {
  padding: var(--extra-large-padding);
  transition: var(--duration-short) ease;
  background-color: var(--content-backround-gray);
  min-height: 100%;
}

.content {
  border-radius: var(--border-radius-sm);
  background-color: white;
  box-shadow: var(--main-box-shadow);
  transition: var(--duration-short) ease;
  max-width: var(--max-content-width);
  margin: var(--extra-large-padding) auto;
}

@media (--phone-break-point) {
  .content {
    margin: 0;
    padding: var(--standard-padding);
  }

  .wrapper {
    padding: var(--extra-large-padding) 0;
  }
}