/* https://coolors.co/palette/e63946-f1faee-a8dadc-457b9d-1d3557 */
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 5rem;
}

.main {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title {
  display: flex;
  align-items: center;
  height: fit-content;
}

.title-icon {
  color: #e63946;
}

.title-text {
  font-size: 5rem;
  margin: 0 0 0 0.5rem;
  color: #1d3557;
}

.hide {
  height: 0;
  width: 0;
  overflow: hidden;
}