html {
box-sizing: border-box;
font-size: 62.5%
}
body {
width: 900px;
background-color: black;
color: white;
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 1.6em;
font-weight: 300;
line-height: 1.6;
margin: 0 auto;
text-align: center;
}
table {
border-collapse: collapse;
width: 97%;
margin: 10px;
}
tr {
border-bottom: 1px solid gray;
}
img {
height: 50px;
width: auto;
padding-right: 16px;
}
.container{
margin: 0 auto;
max-width: 100.0rem;
padding: 0 2.0rem;
position: relative;
width: 100%
}
.panel {
/* margin: 10px; */
background-color: #002e63;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px;
background-color: #2a52be;
}
.tab {
overflow: hidden;
background-color: #2a52be;
}
.tab button {
background-color: inherit;
color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
border-radius: 18px;
}
.tab button:hover {
background-color: #1d2951;
color: white;
}
.tab button.active {
background-color: #003399;
color: white;
}
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
background-color: #002e63;
text-align: left;
}
.button {
border-radius: 25px;
border: none;
background-color: inherit;
color: white;
padding: 4px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
box-shadow: 0 5px #999;
}
.button2 {
background-color: #002e63;
color: inherit;
border: 2px solid #008CBA;
}
.button2:hover {
background-color: #008CBA;
color: white;
}
.button2:active {
background-color: #008CBA;
box-shadow: 0 5px #666;
transform: translateY(2px);
}
a:link {
color: white;
}
a:visited {
color: white;
}
.bar-container {
padding:0.01em;
}
.bar-blue {
color:#fff!important;
background-color:#2196F3!important
}
.bar-light-grey {
color:#000!important;
background-color:#f1f1f1!important
}
.bar-tiny {
font-size:10px!important
}
.bar-round {
border-radius:16px
}