.upperTopBar {
  background-color: #002a3a;
  display: flex;
  justify-content: space-between;

  .leftUpperTopBar {
    color: white;
    align-self: center;
    padding: 15px;
    margin-left: 20px;
  }

  .rightUpperTopBar {
    display: flex;
    gap: 20px;
    margin-right: 20px;

    .connectedEmail {
      color: #889DA3;
      align-self: center;
    }

    .rightUpperTopBarButton {
      padding: 0;
      color: #889DA3;
    }
  }
}

.lowerTopBar {
  background-color: #005072;
  display: flex;

  .lowerTopBarLogo {
    padding: 15px;
    margin-left: 20px;
    margin-right: 100px;
  }

  .lowerTopBarButton {
    color: white;
    padding: 10px;
    font-size: 11px;
    border-radius: unset;
  }
}