:root {
    --main-background: #222;
    --text-color: #4a4a4a;
    --highlighttext-color: #c5c5c5;
    --page-background: #292929;
    --sidebar-background: #a5a5a5;
    --card-background: #363636;
    --card-text-color: #979797;
    --main-color: #2EC3FF;
  }
  
  * {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }

  body {
    padding: 0px;
    margin: 0px;
    background: transparent;
    align-items: stretch;
    /* font-family: 'Roboto', sans-serif; */
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
  }

  header {
    display: block;
  }

  main {
    display: block;
  }
  
  section{
    background: #eee;
    min-height: 200px;
    /* max-height: 500px; */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  

  footer {
    display: flex;
    flex-direction: row;
    height: 200px;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
  }