#langNavigator * { font-size: 16px; font-family: 'Arial'; } .activeLangBtn { border: 3px solid red; border-radius: 5px; color: red; } .nonactiveLangBtn { /* Doesn't really need any styling? */ border-radius: 5px; } #infoBoxContainer { /* border: 5px solid darkblue; */ flex: 30%; flex-direction: row; overflow: scroll; max-height: 100vh; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 20px; } #controls { margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; justify-content: center; justify-items: center; } table { display: table; justify-content: center; margin-left: auto; margin-right: auto; } table, th, td { border: 1px solid; border-collapse: collapse; } td { justify-content: right; } .cellHeader { display: flex; color: purple; justify-content: center; } #disclaimerBody { color: red; margin-left: 30px; } #overall-container { display: flex; } #unity-container { flex: 50%; /* border: 5px solid green; */ position: relative; width: auto; height: 100vh; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 10px; } #unity-loading-bar { /* border: 5px solid red; */ height: 100%; } #unity-logo { /* border: 5px solid cyan; */ display: flex; height: 90%; width: auto; } #unity-logo img { /* border: 5px solid brown; */ display: flex; max-height: 100%; width: auto; margin-left: auto; margin-right: auto; } #unity-progress-bar-empty { /* border: 5px solid purple; */ height: 10%; max-height: 30px; }