#root {
  padding-left: 0px;
  padding-top: 0px;
  width: 100vw;
  display: flex;
}

body, html {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #121212;}

.headerbar {
                font-family: 'Segoe UI';
                font-weight: 600;
                src: local('Segoe UI Semibold');
                
                border: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 48px;
                line-height: 48px;

                background: #201F1E;
                color: white;
                vertical-align: middle;
                text-indent: 20px;

                display: flex;
                justify-content: space-between;
            }

.headerbar2 {
                border: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 0px;
                line-height: 0px;

                background: #121212;
            }

.row-container {display: flex; width: 100%; height: 100%; flex-direction: column; overflow: hidden;}
.second-row { flex-grow: 1; border: none; margin: 0; padding: 0; }

.right a {
           color: white;
           padding: 20px;
         }

@media (max-width: 768px) {
      .right {
        display: none;
      }
    }