body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f4f4}body{display:flex;flex-direction:column;min-height:100vh}header{background:#35424a;color:#fff;padding:1rem;text-align:center}main{padding:.5rem;margin:0 auto}footer{background:#35424a;color:#fff;text-align:center;padding:1rem}@media (max-width:480px){main{width:calc(100% - 1rem)}}@media (min-width:481px) and (max-width:779px){main{width:400px}}@media (min-width:780px){main{width:700px}}@media (min-width:992px){main{width:912px}}@media (min-width:1200px){main{width:1000px}}