*{padding:0;margin:0}main{background-color:#efefef;padding:0 10vw}main .middle{min-height:100vh;background-color:#fff}main .middle h3{text-align:center;padding:10px;font-size:.7rem;font-weight:400}main .middle article{padding:10px 20px;font-size:.4rem}@media screen and (min-width:320px){html{font-size:21.33px}}@media screen and (min-width:360px){html{font-size:24px}}@media screen and (min-width:375px){html{font-size:25px}}@media screen and (min-width:384px){html{font-size:25.6px}}@media screen and (min-width:400px){html{font-size:26.67px}}@media screen and (min-width:500px){html{font-size:33.33px}}@media screen and (min-width:640px){html{font-size:42.67px}}@media screen and (min-width:720px){html{font-size:48px}}@media screen and (min-width:750px){html{font-size:50px}}