body {
  font-size: 14px;
  color: #0F1D1D;
}

.blur {
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.shadow-red {
  box-shadow: 0px 5px 20px rgba(224, 16, 16, 0.5);
}

.shadow-blue {
  box-shadow: 0px 5px 20px rgba(33, 49, 88, 0.5);
}

.glass {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.text-black {
  color: #0F1D1D;
  transition: 0.35s ease;
}
.text-black:hover, .text-black:focus {
  color: #000;
}

.text-red {
  color: #e01010;
  transition: 0.35s ease;
}
.text-red:hover, .text-red:focus {
  color: #570909;
}

.text-cyan {
  color: #2F9CA8;
  transition: 0.35s ease;
}
.text-cyan:hover, .text-cyan:focus {
  color: #1a5157;
}

.text-blue {
  color: #213158;
  transition: 0.35s ease;
}
.text-blue:hover, .text-blue:focus {
  color: #2b3f70;
}

.text-green {
  color: #1B3631;
  transition: 0.35s ease;
}
.text-green:hover, .text-green:focus {
  color: #0c1816;
}

.bg-blue {
  background-color: #213158;
  color: #fff;
}

.bg-gradient-red {
  background: linear-gradient(45deg, rgb(170, 16, 16) 0%, rgb(224, 16, 16) 100%);
  color: #fff;
}

.bg-muted-pink {
  background-color: #ffd1d4;
}

.bg-light-pink {
  background-color: #fcf4f4;
}

.bg-light-green {
  background-color: #d2ffd8;
}

.dragable {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-pointer {
  cursor: default;
}

.snackbar {
  z-index: 99999;
  visibility: hidden;
  min-width: 250px;
  margin-left: -150px;
  background-color: #303336;
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50px;
  font-size: 17px;
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 3s;
  animation: fadein 0.5s, fadeout 0.5s 3s;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 50px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 50px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    top: 50px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    top: 50px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */