/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  height: 100%;
  margin: 0;
}

div {
  height: 100%;
}

.content {
  margin: 0 auto;
  width: 100%;
}

.inner {
  background-image: linear-gradient(-169deg, #F4EBE5 0%, #E3D4CA 99%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {
  height: 694px;
  width: 1034px;
  background: #FEFEFE;
  border-radius: 7px;
  box-shadow: 22px 32px 34px 0 rgba(0,0,0,0.06);
  position: relative;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  height: 100%;
  margin: 0;
}

div {
  height: 100%;
}

.content {
  margin: 0 auto;
  width: 100%;
}

.inner {
  background-image: linear-gradient(-169deg, #F4EBE5 0%, #E3D4CA 99%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {
  height: 694px;
  width: 1034px;
  background: #FEFEFE;
  border-radius: 7px;
  box-shadow: 22px 32px 34px 0 rgba(0,0,0,0.06);
  position: relative;
  overflow: hidden;
  @media (min-width: 1100px) {
    height: 550px;
  }
}

Add media query for smaller screens
[F] Add media query for smaller screens
