body,html{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}body,html,main{background-color:#fff}main{padding:20px;border-radius:10px;max-width:1200px;margin:20px auto;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.banner{background-color:teal;color:#fff;text-align:center;padding:1rem;font-size:1.5rem;font-weight:700}@media (max-width:768px){body{background:#fff}main{margin:0 auto;padding:1rem;border-radius:0;background-color:#fff}body:before{display:none}}