html {
  width: 100%;
  height: 100%; }

body {
  background: linear-gradient(to bottom, #ffffff 0%, #395aa6 100%); }

main {
  text-align: center; }

footer {
  position: absolute;
  width: 100%;
  bottom: 0; }

.centerScreen {
  margin: 10% auto;
  display: inline-block; }

@media only screen and (max-width: 768px) {
  .centerScreen {
    width: 100%;
    margin: 0px; } }