html {
  font-family: Arial, Helvetica, sans-serif; 
  display: inline-block; 
  text-align: center;
  background-color: white
}
h1 {
  font-size: 1.8rem; 
  color: white;
}
p { 
  font-size: 1.0rem;
}
.topnav { 
  overflow: hidden; 
  background-color: #005F92;
}

.warnings { 
  overflow: hidden; 
  background-color: #FE8700;
  color: white;
}

.extension{
    overflow: hidden;
    //background-color: #B833FF;
    color: white;
    font-size: 1.1rem;
}


body {
    margin: 0;
}
.content { 
  padding: 2%;
}
.table{
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

.card-grid { 
  max-width: 1200px; 
  margin: 0 auto; 
  display: grid; 
  grid-gap: 2rem; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.card { 
  box-shadow: 2px 2px 12px 1px rgba(140,140,140,.5);
  background-color: white;
}
.card-title { 
  font-size: 1.2rem;
  font-weight: bold;
  color: #16203F;
}
.card-subtitle{
  font-size: 1.0rem;
  font-weight: bold;
  color: black;
}

.value{
  font-size: 30px;
  font-weight: bold;
}