@import url(https://fonts.googleapis.com/css2?family=Inter&family=Roboto:wght@400;500&display=swap);
.App {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.App-logo {
  height: 40vmin;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    -webkit-animation: App-logo-spin 20s linear infinite;
    animation: App-logo-spin 20s linear infinite;
  }
}
.App-header {
  align-items: center;
  background-color: #282c34;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: calc(10px + 2vmin);
  justify-content: center;
  min-height: 100vh;
}
.App-link {
  color: #61dafb;
}
@-webkit-keyframes App-logo-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes App-logo-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.top_all {
  background-color: #fc9;
}
.top_all,
.top_breadcrumb {
  align-items: center;
  display: flex;
  height: 68px;
  width: 100%;
  z-index: 10000;
}
.top_breadcrumb {
  background-color: #036;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  color: #fff;
}
.body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.footer {
  margin-top: auto;
}
.breadcrumb,
.breadcrumb_link a {
  display: flex;
  flex-direction: row;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.breadcrumb_link a {
  color: #fff;
}
.breadcrumb_link a:hover {
  color: #80c7df;
}
.orange_banner {
  background-color: #ce6632;
  height: 50px;
}
.orange_banner,
.orange_banner_text {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.orange_banner_text {
  word-wrap: break-word;
  color: #fff;
  font-family: Segoe UI;
  font-size: 18px;
  height: 144px;
  justify-content: center;
  width: 868px;
}
.page_top_header {
  align-items: center;
  display: inline-flex;
  height: 80px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  top: -1px;
  width: 100%;
}
.navbar,
.navbartab {
  color: #046d92;
}
.navbar_item {
  color: #0d4d62;
}
.navbar_item,
.navbar_item_current {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 14px;
  gap: 4px;
}
.navbar_item_current {
  color: #ccc;
  pointer-events: none;
}
.navbar_item .selected {
  color: #036;
}
.navbar_item:hover {
  color: #80c7df;
}
.navbar_item_current > a {
  pointer-events: none;
}
:r1t:-tab-0 {
  padding: 0 !important;
}
:r1:-tab-0 {
  padding: 0 !important;
}
:r1:-tabpanel-0 {
  padding: 0 !important;
}
:rv:-tabpanel-0 {
  padding-bottom: 0;
  padding-top: 0;
  padding: 0 !important;
}
.p_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.p_1_title {
  color: #0d4d62;
  font-size: 30px;
  font-weight: 500;
  height: 80px;
}
.p_1_text,
.p_1_title {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  font-family: Segoe UI;
  width: 868px;
}
.p_1_text {
  color: #000;
  flex-direction: column;
  font-size: 18px;
  height: 144px;
  justify-content: center;
}
.p_1_text_link {
  word-wrap: break-word;
  color: #205f80;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}
.p_1_box {
  align-items: center;
  height: 99px;
  justify-content: center;
  width: 868px;
}
.p_1_box,
.p_1_box_space {
  background-color: #fcf8e9;
  border-radius: 10px;
  display: flex;
}
.p_1_box_space {
  flex-direction: row;
  font-size: 27px;
  gap: 17px;
}
.p_1_circle {
  align-items: center;
  background-color: #e1b624;
  border-radius: 50%;
  display: flex;
  height: 27px;
  justify-content: center;
  width: 27px;
}
.p_1_arrow {
  display: flex;
  width: 14px;
}
.p_1_box_text {
  word-wrap: break-word;
  align-items: center;
  background-color: #fcf8e9;
  border-radius: 10px;
  display: flex;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 500;
  height: 48px;
  width: 789px;
}
.p_2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 870px;
}
.p_2_levee_safety_resources {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 400px;
}
.p_2_levee_safety_resources_title {
  color: #ce6632;
  font-size: 36px;
  font-weight: 700;
  height: 48px;
}
.p_2_levee_safety_resources_text,
.p_2_levee_safety_resources_title {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  font-family: Segoe UI;
}
.p_2_levee_safety_resources_text {
  font-size: 18px;
  height: 54px;
  justify-content: center;
}
.p_2_levee_safety_resources_buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-around;
  width: 400px;
}
.p_2_levee_safety_resources_button {
  word-wrap: break-word;
  align-items: center;
  background-color: #faf0eb;
  border-radius: 2px;
  color: #000;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 24px;
  font-weight: 500;
  height: 50px;
  justify-content: flex-start;
  transition:
    color 0.1s,
    background-color 0.4s;
  width: 400px;
}
.p_2_levee_safety_resources_button:hover {
  background-color: #ce6632;
  color: #fff;
}
.p_2_levee_safety_resources_button_box {
  gap: 15px;
}
.p_2_levee_safety_resources_button_box,
.p_2_levee_safety_resources_button_box_epr {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 16px;
}
.p_2_levee_safety_resources_button_box_epr {
  gap: 1px;
}
.p_2_levee_safety_resources_button_text {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  font-family: Segoe UI;
  font-size: 24px;
  font-weight: 500;
}
.p_2_levee_safety_resources_arrow {
  align-items: center;
  display: flex;
  font-size: 27px;
  justify-content: center;
}
.p_2_flood_risk_resources {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 400px;
}
.p_2_flood_risk_resources_title {
  color: #4a7729;
  font-size: 36px;
  font-weight: 700;
  height: 48px;
}
.p_2_flood_risk_resources_text,
.p_2_flood_risk_resources_title {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  font-family: Segoe UI;
}
.p_2_flood_risk_resources_text {
  font-size: 18px;
  height: 54px;
  justify-content: center;
}
.p_2_text_link {
  word-wrap: break-word;
  color: #205f80;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: underline;
}
.p_2_flood_risk_resources_buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-around;
  width: 400px;
}
.p_2_flood_risk_resources_button {
  word-wrap: break-word;
  align-items: center;
  background-color: #edf1ea;
  border-radius: 2px;
  color: #000;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 24px;
  font-weight: 500;
  height: 50px;
  justify-content: flex-start;
  transition:
    color 0.1s,
    background-color 0.4s;
  width: 400px;
}
.p_2_flood_risk_resources_button:hover {
  background-color: #4a7729;
  color: #fff;
}
.p_2_flood_risk_resources_button_box {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: flex-start;
  padding-left: 16px;
}
.p_2_flood_risk_resources_button_text {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  font-family: Segoe UI;
  font-size: 24px;
  font-weight: 500;
}
.p_2_flood_risk_resources_arrow {
  align-items: center;
  display: flex;
  font-size: 27px;
  justify-content: center;
}
.p_3 {
  align-items: center;
  background-color: #f5f5f5;
}
.p_3,
.p_3_faqs {
  display: flex;
  flex-direction: column;
}
.p_3_faqs {
  align-items: flex-start;
  width: 870px;
}
.p_3_faqs_title {
  word-wrap: break-word;
  align-items: center;
  color: #205f80;
  display: flex;
  font-family: Segoe UI;
  font-size: 36px;
  font-weight: 700;
  height: 48px;
  width: 86px;
}
.p_3_faqs_question {
  display: flex;
  flex-direction: column;
}
.p_3_faqs_question_heading {
  word-wrap: break-word;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
}
.p_3_faqs_question_heading,
.p_3_faqs_question_title {
  align-items: center;
  display: flex;
  height: 28px;
}
.p_3_faqs_question_collapse {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 34px;
}
.p_3_faqs_question_content {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  transition: all ease;
  width: 814px;
}
.p_3_faqs_question_content_collapsed {
  height: 0;
  opacity: 0;
}
.p_3_faqs_button {
  background-color: #fff;
  border-radius: 20px;
  color: #205f80;
  font-size: 27px;
  height: 10px;
  width: 10px;
}
.p_3_faqs_button,
.p_3_faqs_button_icon {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.p_3_faqs_button_icon {
  font-size: 30px;
  height: 27px;
  width: 30px;
}
.p_3_faqs_line {
  border: 1px dashed #000;
  height: 0;
  width: 870px;
}
.risk_assessments {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.risk_assessments_info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 870px;
}
.risk_assessments_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.risk_assessments_text,
.risk_assessments_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.risk_assessments_text {
  flex-direction: column;
  font-size: 18px;
  width: 868px;
}
.risk_assessments_box {
  background-color: #edf1ea;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 225px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
  width: 868px;
}
.risk_assessments_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
}
.risk_assessments_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.risk_assessments_link_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
  width: 431px;
}
.risk_assessments_link {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
}
.risk_assessments_link_icon {
  height: 22px;
  width: 22px;
}
.inspections {
  align-items: center;
}
.inspections,
.inspections_info {
  display: flex;
  flex-direction: column;
}
.inspections_info {
  align-items: flex-start;
  width: 870px;
}
.inspections_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.inspections_text,
.inspections_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.inspections_text {
  flex-direction: column;
  font-size: 18px;
  width: 868px;
}
.inspections_box {
  background-color: #faf0eb;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 225px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
  width: 868px;
}
.inspections_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
}
.inspections_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.inspections_link_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
  width: 431px;
}
.inspections_link {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
}
.inspections_link_icon {
  height: 22px;
  width: 22px;
}
.planning {
  align-items: center;
}
.planning,
.planning_info {
  display: flex;
  flex-direction: column;
}
.planning_info {
  align-items: flex-start;
  width: 870px;
}
.planning_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.planning_text,
.planning_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.planning_text {
  font-size: 18px;
}
.planning_box,
.planning_text {
  flex-direction: column;
  width: 868px;
}
.planning_box {
  background-color: #eef1f3;
  border-radius: 10px;
  display: flex;
  height: 225px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
}
.planning_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
}
.planning_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.planning_link_column {
  flex-direction: column;
  gap: 15px;
  width: 431px;
}
.planning_link,
.planning_link_column {
  display: flex;
  justify-content: flex-start;
}
.planning_link {
  word-wrap: break-word;
  align-items: center;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
}
.planning_link_icon {
  height: 22px;
  width: 22px;
}
.design_and_construction {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.design_and_construction_info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 870px;
}
.design_and_construction_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.design_and_construction_text,
.design_and_construction_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.design_and_construction_text {
  flex-direction: column;
  font-size: 18px;
  width: 868px;
}
.design_and_construction_box {
  background-color: #fcf8e9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 282px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
  width: 868px;
}
.design_and_construction_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
}
.design_and_construction_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.design_and_construction_link_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
  width: 431px;
}
.design_and_construction_link {
  align-items: center;
}
.design_and_construction_link,
.design_and_construction_link_rid {
  word-wrap: break-word;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
}
.design_and_construction_link_rid {
  align-items: flex-start;
  width: 386.5px;
}
.design_and_construction_link_icon {
  height: 22px;
  width: 22px;
}
.operations_and_maintenance {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.operations_and_maintenance_info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 870px;
}
.operations_and_maintenance_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.operations_and_maintenance_text,
.operations_and_maintenance_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.operations_and_maintenance_text {
  flex-direction: column;
  font-size: 18px;
  width: 868px;
}
.operations_and_maintenance_box {
  background-color: #eef1f3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 282px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
  width: 868px;
}
.operations_and_maintenance_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
}
.operations_and_maintenance_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.operations_and_maintenance_link_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
  width: 431px;
}
.operations_and_maintenance_link {
  align-items: center;
}
.operations_and_maintenance_link,
.operations_and_maintenance_link_eap {
  word-wrap: break-word;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
}
.operations_and_maintenance_link_eap {
  align-items: flex-start;
  width: 420px;
}
.operations_and_maintenance_link_icon {
  height: 22px;
  width: 22px;
}
.emergency_planning_and_response_link_eap {
  word-wrap: break-word;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
  width: 386.5px;
}
.emergency_planning_and_response_link_icon {
  height: 22px;
  width: 22px;
}
.levee_sponsors {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.levee_sponsors_info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 870px;
}
.levee_sponsors_title1 {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
}
.levee_sponsors_text,
.levee_sponsors_title1 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
}
.levee_sponsors_text {
  flex-direction: column;
  font-size: 18px;
  width: 868px;
}
.levee_sponsors_box {
  background-color: #ede9ee;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 403px;
  justify-content: flex-start;
  padding-left: 23px;
  padding-top: 20px;
  width: 868px;
}
.levee_sponsors_title_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.levee_sponsors_title2 {
  word-wrap: break-word;
  align-items: center;
  color: #000;
  display: flex;
  font-family: Segoe UI;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
  width: 431px;
}
.levee_sponsors_links_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.levee_sponsors_link_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
  width: 431px;
}
.levee_sponsors_link {
  align-items: center;
}
.levee_sponsors_link,
.levee_sponsors_link_sg {
  word-wrap: break-word;
  display: flex;
  flex-direction: row;
  font-family: Segoe UI;
  font-size: 18px;
  font-weight: 400;
  gap: 14px;
  height: 24px;
  justify-content: flex-start;
}
.levee_sponsors_link_sg {
  align-items: flex-start;
}
.levee_sponsors_link_icon {
  height: 22px;
  width: 22px;
}
.footer {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.footer_p1 {
  background-color: #0d4d62;
  flex-direction: row;
  height: 402px;
  justify-content: space-evenly;
  padding-top: 60px;
  width: 100%;
}
.footer_p1,
.footer_p1_columns_box {
  display: flex;
}
.footer_p1_column {
  display: flex;
  flex-direction: column;
}
.usace_logo {
  height: 139.44px;
  width: 181.44px;
}
.footer_p1_title {
  display: flex;
  font-size: 20px;
  font-weight: 500;
}
.footer_p1_link,
.footer_p1_title {
  word-wrap: break-word;
  color: #fff;
  font-family: Segoe UI;
}
.footer_p1_link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
}
.footer_p1_links_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer_p2 {
  align-items: center;
  background-color: #093645;
  display: flex;
  height: 55px;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
.footer_copyright_text {
  word-wrap: break-word;
  color: #fff;
  font-family: Segoe UI;
  font-size: 16px;
  font-weight: 400;
}
.footer_circle {
  align-items: center;
  background-color: #e1b624;
  border-radius: 50%;
  justify-content: center;
}
.footer_arrow,
.footer_circle {
  display: flex;
  height: 27px;
  transition:
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  width: 27px;
}
.footer_arrow {
  color: #093645;
}
.footer_circle:hover {
  cursor: pointer;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.footer_arrow:hover {
  color: #0d4d62;
}
.nav_effect1 {
  background-color: #0d4d62;
  color: #fff;
  transition:
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
}
.nav_effect1:hover {
  background-color: #046d92;
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.nav_effect1:active {
  background-color: #0d4d62;
  color: #fff;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition:
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
}
.usace_button {
  max-height: 67.19px;
  max-width: 106px;
}
.usace_button span {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.usace_button_reversed {
  max-width: 8vw;
}
.navbar_fixed {
  display: flex;
  position: fixed;
  right: 2rem;
  top: 0;
}
.navbar_adjacent {
  display: flex;
  position: absolute;
  right: 2rem;
  top: 0;
  top: 50px;
}
.nav_effect2 {
  background-color: #0597a8;
  color: #fff;
  transition:
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
}
.nav_effect2:hover {
  background-color: #046d92;
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.navbar_space ul {
  gap: 1.25vw;
}
.login_effect1 {
  background-color: #0597a8 !important;
  color: #fff;
  transition:
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s;
  transition:
    transform 0.15s,
    background-color 0.15s,
    color 0.15s,
    -webkit-transform 0.15s;
}
.login_effect1:hover {
  background-color: #046d92 !important;
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.login_effect2 {
  background-color: #ccc !important;
  color: #0d4d62;
  pointer-events: none;
  transition:
    background-color 0.1s,
    color 0.1s,
    -webkit-transform 0.1s;
  transition:
    transform 0.1s,
    background-color 0.1s,
    color 0.1s;
  transition:
    transform 0.1s,
    background-color 0.1s,
    color 0.1s,
    -webkit-transform 0.1s;
}
.page_top_header {
  align-items: flex-end;
  background-color: #fff;
  border-top: 0.5px solid #d0d0d0;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  height: 144px;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 1px;
}
.page_top_header_box {
  align-items: center;
  display: flex;
  height: 106px;
  justify-content: center;
  position: relative;
}
.page_top_header_title {
  word-wrap: break-word;
  color: #205f80;
  display: flex;
  font-family: Segoe UI;
  font-size: 32px;
  font-weight: 700;
  padding-right: 0;
  position: relative;
  text-align: center;
}
.navbar_padding {
  padding-left: 0;
}
.home,
.home_background_img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.home_background_img {
  background-image: url(usace_levee_safety_program_background.png);
  background-repeat: no-repeat;
  background-size: cover;
  border: none !important;
  height: 406px;
  overflow: hidden;
}
.home_background_img,
.levee_safety_program_box {
  align-items: center;
  display: flex;
  justify-content: center;
}
.levee_safety_program_box {
  flex-direction: column;
  gap: 10px;
}
.levee_safety_logo {
  height: 74px;
  width: 493px;
}
.resources_for_you {
  font-size: 18px;
  height: 24px;
  position: relative;
  top: 6px;
  width: 174px;
}
.resources_for_you,
.usace_levee_safety_program {
  color: #fff;
  display: flex;
  font-family: Segoe UI;
  justify-content: center;
}
.usace_levee_safety_program {
  word-wrap: break-word;
  align-items: center;
  font-size: 46px;
  font-weight: 700;
  height: 61px;
  width: 629px;
}
/*# sourceMappingURL=main.5d32e2ea.css.map*/