input {padding:20px;width:100%; font:1.5em Roboto;}
a {color:#eee;}
button {width:100%;padding:20px; font:2vw Roboto; border-radius:0;background-color:#ddd;color:#000;}
.mainContainer {

display: flex; flex-direction: column; align-items:center; height: 100%;
}
.mainContent {margin-top:150px;width:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:150px;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.mainContent::-webkit-scrollbar {width:0px;}

body {margin:0px;background-color:#000;color:#fff;font: 300 16px/24px Roboto,sans-serif;overflow:hidden;}


input, button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

@media (max-width: 540px) {
.mainContent {margin-top:70px;} 
button {font:1.5em Roboto;padding:15px;} 
a {font:13px Roboto;}
input {padding:15px;width:100%; font:1.0em Roboto;}
}