* {
  box-sizing: border-box;
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 92.5vh;
}

.wrapper ul {
  list-style-position: inside;
  padding: 0;
}

.wrapper .info {
  max-width: 45rem;
}

.auth-wrapper-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.auth-wrapper-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

body {
  /* background-color: #151515; */
  /* background-color: #15202B; */
  background-color: #192734;
  color: #DDD;
  /* font-family: 'Space Mono', monospace; */
  font-family: 'Montserrat', sans-serif;
}

.page {
  min-height: 100lvh;
}

code {
  font-family: 'Righteous', recursive;
  font-style: italic;
  background-color: rgba(0,0,0,.3);
  border-radius: 5px;
  padding: .1rem .2rem;
  color: lightblue;
}

/* Prevent image blur from fading when hovering on tooltip */
.tooltip {
  pointer-events: none;
  /* word-break: break-all; */
}

/* Prevent user select in dropdown */
.dropdown {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* Utility classes */
.sensitive-information {
  color: white;
  background-color: rgb(220, 53, 69); /* Bootstrap Danger */
}
.visible { visibility: visible; }
.hidden {
  position: absolute;
  opacity: 0;
}
.dom-hidden {
  display: none;
  visibility: hidden;
}

/* Remove animation */
.remove {
  transform: translate(100%);
  transition: all 350ms ease-out;
}

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.spoiler-block {
  background-color: #050505;
  color: #050505;
  padding: .1rem .5rem;
  display: flex;
  align-items: center;
  text-align: center;
  border: 1px solid white;
}
.spoiler-block:hover,
.spoiler-block:active,
.spoiler-block:focus {
  color: white;
  background-color: rgb(100, 100, 100);
}