.topbar {
    position: absolute;
    background-image: url(https://web-static.hg-cdn.com/endfield/official/oversea/_next/static/media/nav.77e6df56.jpg);
    height: 5.5vh;
    display: flex;
    align-items: center;
}

.topbar-button {
    background-color: transparent;
    margin-left: 3px;
    border: 0px;
}
.last-button{
    margin-left: auto;
    margin-right: 3px;
}
.pulse {
  animation: pulse 1s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.topbar-dashboard{
    top: 0; 
    left: 0;
    right: 0;
    width: 100%;
    display: flex;;
    background-color: rgb(44, 44, 44);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 10px 10px;
    margin: auto;
    width: 50%;
    justify-content: baseline;
}

/*Main Topbar  for Dashboard*/
.topbar-button svg:hover{
    fill: rgb(71, 83, 150);
    transition: var(--transition-speed);
}
.topbar-project-selection{
    display: flex;
    align-items: center;
}