app.css

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
  display: flex;
  justify-content: space-between;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

.App-environment-name {
  text-transform: capitalize;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Login */
.Login-header {
  display: flex;
}

.hcp-nav-item {
  position: relative;
  padding-right: 0.6em;
  padding-left: 0.6em;
}

@media only screen and (min-width: 768px) {
  .hcp-nav-item:after {
    position: absolute;
    left: 0;
    top: 0.4em;
    height: 2em;
    content: '';
    border-right: 2px solid rgba(0, 0, 0, 0.4);
  }

  .hcp-nav-item:first-child:after {
    display: none;
  }
}

.hcp-navbar {
  margin-bottom: 1em;
}