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=Fira+Sans&display=swap');
   8
   9 body, h2 {
  10     font-family: "Fira Sans", sans-serif;
  11     font-weight: 400;
  12     font-style: normal;
  13
  14 }
  15
  16 #magnet {
  17     font-family: 'Roboto Mono', monospace;
  18 }
  19
  20 section {
  21     margin: auto;
  22     width: 850px;
  23 }
  24
  25 footer {
  26     width:100%;
  27     text-align: center;
  28 }
  29
  30
  31 /* Responsive layout - makes the two columns/boxes
  32    stack on top of each other instead of next to
  33    each other, on small screens */
  34 @media (max-width: 850px) {
  35     section {
  36         width: 95%;
  37     }
  38 }