body {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  margin:0;
  padding:0;
}
h1 {
  font-size:6em;
  text-shadow: 2px 2px #FFF;
}
h2 {
  font-size:4em;
  text-shadow: 2px 2px #FFF;
}

.container {
  position: absolute;
  width: 100%;
  min-height:100%;
  left: 0;
  background-color: #DDD;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-left-radius: 50%;
  bottom: 0;
  overflow-y:auto;
  z-index:0;
}
.container .box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .box .content {
  position: absolute;
  top:0;
  text-align: center;
  z-index:1;
}
.container .box .footer {
  position: fixed;
  bottom:0;
  margin-bottom:10px;
  font-size:0.9em;
}

@media screen and (max-width: 360px) {
  .container {
    -webkit-border-top-left-radius: 25%;
    -moz-border-radius-topleft: 25%;
    border-top-left-radius: 25%;
  }
  .container .box .content {
    margin-top:94px;
  }
  h1 {
    font-size:3em;
  }
  h2 {
    font-size:1.5em;
  }
}