/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.c-primary {
  background-color: #ff4081;
}

.c-primary-light {
  background-color: #706662;
}

.c-secondary {
  background-color: #1b6942;
}

.c-background {
  background-color: #ebe9e8;
}

.c-white {
  background-color: #fff;
}

.c-red {
  background-color: #e42a1d;
}

.c-yellow {
  background-color: #ffecb3;
}

.c-pink-backgroung {
  background-color: c-pink-background;
}

/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
.content {
  display: flex;
  height: 100%;
  margin: 0 auto 5px;
  background-color: #fce3e4;
  max-width: 500px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #eee;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.mat-dialog-container {
  background-color: transparent;
  box-shadow: none;
}

.content {
  height: 100%;
  border-radius: 4px;
  border: 0 !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.containers {
  width: 100%;
  min-height: 5%;
  background-color: #fce3e4;
  display: flex;
}

.body {
  height: 100%;
  background-color: #fce3e4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start !important;
}

/* Responsive Styles */
@media screen and (max-width: 767px) {
  .card-container > *:not(.circle-link),
  .terminal {
    width: 100%;
  }
  .card:not(.highlight-card) {
    margin: 8px 0;
  }
  .card.highlight-card span {
    margin-left: 72px;
  }
  svg#rocket-smoke {
    right: 120px;
    transform: rotate(-5deg);
  }
}
@media screen and (max-width: 575px) {
  svg#rocket-smoke {
    display: none;
    visibility: hidden;
  }
}
html,
body {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

app-toolbar {
  left: 0;
  position: fixed;
  z-index: 998;
}

a {
  cursor: pointer;
}

/*# sourceMappingURL=styles.css.map*/