body,html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;background-image:linear-gradient(45deg,#757F9A,#D7DDE8);color:#333;font-family:sans-serif}.text{font-size:24px;max-width:80%;text-align:center}@media (min-width:375px) and (max-width:1024px){.text{font-size:calc(24px + 36 * (100vw - 375px)/ (1024 - 375))}}@media (min-width:1025px){.text{font-size:60px}}