style.css

   1
   2 /*
   3     Created on : 10 Jun, 2018, 9:23:39 PM
   4     Author     : Manjunath CV
   5 */
   6
   7 @import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap');
   8
   9 body {
  10     font-family: 'Roboto', sans-serif;
  11
  12 }
  13
  14 #magnet {
  15     font-family: 'Roboto Mono', monospace;
  16 }
  17
  18 section {
  19     margin: auto;
  20     width: 850px;
  21 }
  22
  23 footer {
  24     width:100%;
  25     text-align: center;
  26 }
  27
  28
  29
  30 /* Responsive layout - makes the two columns/boxes
  31    stack on top of each other instead of next to
  32    each other, on small screens */
  33 @media (max-width: 850px) {
  34     section {
  35         width: 95%;
  36     }
  37
  38
  39 }