* {
    color: var(--fontColor);
    font-family: calibri;
}
body {
      background: var(--bg);
}

ul {
    font-family: helvetica;
}
  
#msg {
    font-family: monospace;
}
.light-theme {
    --bg: var(--white);
    --fontColor: var(--black);
    --btnBg: var(--black);
    --btnFontColor: var(--green);
}
.dark-theme {
    --bg: var(--black);
    --fontColor: var(--white);
}
:root {
    --white: #c5c5c5;
    --black: #000000;
}

#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
  }
  #content {
    margin-top: 40px;
    z-index:1;
  }
  
.hvr-grow {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #f5f4f4;
    text-decoration: none;
    color: rgb(63, 63, 63);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
}