@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

body {
    height: 100vh;
    background-color: #252841;
}

#lobby-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification {
    max-width: 80vw;
}

.notification-title {
    overflow-wrap: anywhere;
}

.notification-desc {
    overflow-wrap: anywhere;
}

.wrapper {
  min-height: 100vh;
}

.locked-icon {
  position: absolute;
  top: 24px;
  right: -8px;
  color: white;
}

.modified-icon {
  position: absolute;
  transform: scaleX(-1);
  top: 0px;
  right: 32px;
  color: white;
}

.modded-icon {
  position: absolute;
  top: 24px;
  right: 32px;
  color: white;
}

.row {
  border: 2px solid white;
  border-radius: 2px;
  background-color: #23262b;
}

.cute {
  color: #97d0fb;
  background-color: #25282d;
}

.normal {
  color: #fae19f;
  background-color: #26221f;
}

.hard {
  color: #e46e7e;
  background-color: #22191c;
}

.lunar {
  color: #a581db;
  background-color: #201f25;
}

#lobbies {
  width: 100vw;
}