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 html {
  17     font-size: 80%
  18 }
  19
  20 a {
  21     color: lighten($primary, 40%);
  22     text-decoration: none;
  23     &:hover { color: lighten($primary, 60%); }
  24 }
  25
  26 body {
  27     font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
  28     text-shadow: 2px 2px 2px rgb(0, 0, 0);
  29     text-align: center;
  30     // line-height: 18px;
  31     color: rgb(255, 255, 255);
  32     background-color: $background;
  33     margin: 0px;
  34
  35     /*
  36     .header-container {
  37
  38     }
  39     */
  40
  41     .main-container {
  42         display: flex;
  43
  44         .list {
  45             text-align: left;
  46         }
  47
  48         .content {
  49             background-color: $background-container;
  50             border: 0.1em solid white;
  51             padding: 0.5em;
  52         }
  53     }
  54
  55     .footer-container {
  56         font-size: 0.5em;
  57     }
  58 }
  59
  60 img {
  61     border: 0px;
  62 }