@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
    :root 
    {
    --primary_med: #0277bd;
    --secondary: #F2FEFF; 
    }
    html
    {
      position: absolute;
      flex-direction: column;
      text-align:center;
      font-family: 'Noto Sans', sans-serif;
      background-color:var(--primary_med);
      width: 100%;
      overflow: hidden;
    }
    #body
    {
      position: relative;
      overflow-x: hidden;
      height: 97vh;
      background-color:var(--secondary);
      color: var(--primary_med);
    }
    .loginarea
    {
      position: absolute;
      text-align: center;
      width: 100%;
      bottom: 0px;
      border-top:2px solid var(--primary_med);
    }
    #qrcode
    {
      position: absolute;
      z-index: 1px;
      width: 100%;
      color: #FFFFFF;
      float: bottom;
      bottom: 0px;
      margin-bottom: 20vh;
    }
    #qrcode img
    {
      margin: auto;
    }
    #contact_bar_left
    {
      position: absolute;
      z-index: 2px;
      width: 25vw;
      overflow:hidden;
      height: 100%;
      float: left;
      border-right: 2px solid var(--primary_med);
      background-color: #fff;
    }