-body {
- background-color: #333738;
- font-family: sans-serif;
- line-height: 1.5;
-}
-
-#page {
- margin-top: 36px;
- margin-bottom: 36px;
- padding-top: 30px;
- padding-bottom: 30px;
- padding-left: 10px;
- padding-right: 10px;
- background-color: white;
- margin-left: auto;
- margin-right: auto;
-}
-
-/* For a wide screen, just use the center of the window for content. */
-@media screen and (min-width: 500px) {
- #page {
- max-width: 720px;
- padding-left: 50px;
- padding-right: 50px;
- }
-}
-
-/* And when the screen is narrow, let's kill the wasted vertical space
- above it too. */
-@media screen and (max-width: 499px) {
- body {
- background-color: white;
- }
- #page {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
-}
-