body {
  background-color: #374f68;
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #233140;
}

.menu-select {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 60px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.menu-option-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  background-color: #374f68;
  top: 60px;
  overflow-y: scroll;
  font-size: 20px;
  z-index: 10;
  padding-left: 0;
}

.menu-option-container.active {
  display: block;
}

.menu-option {
  padding: 0 2rem;

  &:first-child {
    margin-top: 1rem;
  }
}

.btn-outline-info:hover {
  color: aliceblue;
}

.swal2-popup.swal2-toast.swal2-icon-error.swal2-show {
  z-index: 20;
}