backend/style.scss

   1 @font-face{font-family: Fira Code; font-weight:200; src:url(FiraCode-Light.woff2) format("woff2"); }
   2 @font-face{font-family: Fira Code; font-weight:400; src:url(FiraCode-Regular.woff2) format("woff2"); }
   3 @font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); }
   4 @font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); }
   5
   6 $primary: #182430;
   7
   8 $background: darken($primary, 5%);
   9 $background-container: lighten($primary, 10%);
  10
  11 * {
  12     margin: 10px;
  13     padding: 0px;
  14 }
  15
  16 a {
  17     color: lighten($primary, 40%);
  18     text-decoration: none;
  19     &:hover { color: lighten($primary, 60%); }
  20 }
  21
  22 body {
  23     font-size: 13px;
  24     font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
  25     text-shadow: 2px 2px 2px rgb(0, 0, 0);
  26     text-align: center;
  27     // line-height: 18px;
  28     color: rgb(255, 255, 255);
  29     background-color: $background;
  30     margin: 0px;
  31
  32     /*
  33     .header-container {
  34
  35     }
  36     */
  37
  38     .main-container {
  39         display: flex;
  40
  41         .list {
  42             text-align: left;
  43         }
  44
  45         .content {
  46             background-color: $background-container;
  47             border: 1px solid white;
  48             padding: 10px;
  49         }
  50     }
  51
  52     .footer-container {
  53         font-size: 10px;
  54     }
  55 }
  56
  57 img {
  58     border: 0px;
  59 }