.gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fafc), to(#CBEAF1));
  background: linear-gradient(to bottom, #f7fafc, #CBEAF1);
  min-height: 100vh;
}
.gradient-tri-bg {
  background: #B3DFF2;
  background: linear-gradient(157deg,rgba(179, 223, 242, 1) 0%, rgba(245, 253, 255, 1) 27%, rgba(245, 253, 255, 1) 73%, rgba(179, 223, 242, 1) 100%);
  min-height: 100vh;
}
@media (max-width:30em) {
#app {
    -ms-touch-action: pan-x pan-y;
        touch-action: pan-x pan-y;
    min-height: 100vh;
    overflow-y:scroll;
}
.gradient-tri-bg {
    background: #B3DFF2;
    background: linear-gradient(157deg,rgba(179, 223, 242, 1) 0%, rgba(240, 250, 250, 1) 22%, rgba(240, 250, 250, 1) 73%, rgba(179, 223, 242, 1) 100%);
}
}