#body {
  background: #ffffff;
}

#skywarn_banner {
  position: relative;  
  top: 0px;
  left: 0px;
  height: 100px;
  width: 100%;
  border: 0px;
}

#navbar {
  background: #ffffff;
  display: flex;
  margin-top: 10px;
}

#tab1, #tab2, #tab3, #tab4, #tab5,
#tab1_active, #tab2_active, #tab3_active, #tab4_active, #tab5_active {
  height: 50px;
  width: 152px;
  border: 1px;
  border-style: solid;
  border-color: #0071bc;
  font-size: 16px;
  font-family: sans-serif, inter, adwaita sans, noto sans, san fransisco, segoe;
  font-weight: 700;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {
  background: #ffffff;
  color: #0071bc;
}

#tab1_active, #tab2_active, #tab3_active, #tab4_active, #tab5_active {
  background: #0071bc;
  color: #ffffff;
}

#tab1, #tab1_active {
}
#tab2, #tab2_active {
  margin-left: 10px;
}
#tab3, #tab3_active {
  margin-left: 10px;
}
#tab4, #tab4_active {
  margin-left: 10px;
}
#tab5, #tab5_active {
  margin-left: 10px;
}

#main_content {
  text-align: left;
  left: 0px;
  width: 100%;
  height: auto;  
  overflow-y: auto;
  margin-top: 20px;
 }

/* Pseudo classes */
.skywarn_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  line-height: 1.1;
}
.skywarn_menu a:link,
.skywarn_menu a:visited {
  color: #0071bc;
  text-decoration: none;    
}
.skywarn_menu a:hover {
  color: #9bdaf1;
  text-decoration: none;
}

.article_title_style {
  font-family: sans-serif, adwaita sans, noto sans, san fransisco, segoe;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}

.main_content_style {
  font-family: sans-serif, adwaita sans, noto sans, san fransisco, segoe;
  color: #000000;
  font-size: 14px;  
}