/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*@tailwind base;
@tailwind components;
@tailwind utilities;*/
/* You can add global styles to this file, and also import other style files */
:root {
  --Main-One: #ED5F1E;
  --Main-Two: #5E17EB;
  --Main-Two-Shadow: rgb(94, 23, 235, 0.5);
  --Accent-One: #FFEA50;
  --Accent-Two: #4FC8DC;
  --GrayColor: #9da4aa;
  --Backup-Pink: #FFB8FF;
  --background-color: #dfe3e7;
  --Black: #000000;
  --White: #ffffff;
}

.font {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.MakeItFlex, .MakeItCenter {
  display: flex;
}
.MakeItFlex.MakeItFlex, .MakeItCenter.MakeItFlex {
  align-items: center;
}
.MakeItFlex.MakeItCenter, .MakeItCenter.MakeItCenter {
  justify-content: center;
}

.MakeItFlexAsAColumn, .MakeItFlexAsAColumnNoCenter {
  display: flex;
  flex-direction: column;
}
.MakeItFlexAsAColumn.MakeItFlexAsAColumn, .MakeItFlexAsAColumnNoCenter.MakeItFlexAsAColumn {
  align-items: center;
}

.FlexSpaceInBetween, .FlexSpaceInBetweenNoPadding {
  display: flex;
  justify-content: space-between;
}
.FlexSpaceInBetween.FlexSpaceInBetweenNoPadding, .FlexSpaceInBetweenNoPadding.FlexSpaceInBetweenNoPadding {
  padding: 0px;
}

.MakeItAGride {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

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