app/scss/page.scss

   1 html, body {
   2         font-family: "Arial", sans-serif;
   3         background: #222;
   4         color: #ddd;
   5         padding: 0;
   6         margin: 0;
   7 }
   8
   9 .container, main, #alerts, footer {
  10         width: 90%;
  11         max-width: 1024px;
  12         margin: auto;
  13         padding: 0;
  14         display: block;
  15 }
  16
  17 main {
  18         padding: 7px 0;
  19         position: relative;
  20         box-sizing: border-box;
  21 }
  22
  23 .clearboth {
  24         clear: both;
  25 }
  26
  27 header h1, header p, header form {
  28         padding: 0 5px;
  29         margin-left: 0;
  30 }
  31
  32 header {
  33         padding: 30px;
  34         background: #258;
  35 }
  36
  37 header p {
  38         max-width: 400px;
  39 }
  40
  41 header input {
  42         margin: 3px;
  43 }
  44
  45 footer {
  46         color: #999;
  47         padding: 30px 0;
  48 }
  49
  50 footer a {
  51         color: #aaa;
  52 }
  53
  54 footer a:hover {
  55         color: #bbb;
  56 }