@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");

:root {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}

body {
  margin: 0;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
}

*,
body {
  font-family: "DM Sans", sans-serif;
}

.bg-main {
  flex: 1 1 auto;
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 182, 193, 0.75) 0%,
      transparent 30%
    ),
    radial-gradient(
      circle at top right,
      rgba(165, 216, 255, 0.75) 0%,
      transparent 30%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(202, 255, 191, 0.65) 0%,
      transparent 28%
    ),
    linear-gradient(135deg, #eef1ff 0%, #e7edff 45%, #edf2ff 100%);
  background-repeat: no-repeat;
}

.hide {
  display: none !important;
}