/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./projects/frontend/src/styles.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./projects/frontend/src/styles.scss?ngGlobalStyle (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/** 
* Mixins 
*/
/* Breakpoints */
/**
* 16px are used as base for calculations, all spacing
* helper classes use increments of 1/4
* 16px (4px)
* ml-4 -> margin-left: 16px
* mt-6 -> margin-top: 24px
*/
/**
* used for width calculations
* w-1/2 -> width: 50%
* w-2/3 -> width: 66.66...%
* w-3/4 -> width: 75%
* ...
*/
/**
* used for iterating over breakpoints when generating helper classes
* since smallest breakpoint (below xs) has no proper name itself
*/
/** 
* Mixin for all margins, usage: 
* 
* reset margin 
* @include margin 
* or 
* @include margin() 
* 
* 16px margin on all sides 
* @include margin(4) 
* 
* 16px margin on all sides from breakpoint sm up 
* @include margin(4, $bp: sm) 
* 
* 16px margin on all sides 
* @include margin(4, x) 
* 
* 16px horizontal margin from breakpoint md up 
* @include margin(4, x, md) 
* or 
* @include margin(4, $direction: x, $bp: md) 
* 
* negative margins are also possible: 
* 16px negative horizontal margin 
* @include margin(-4) 
* 
* also values greater than 24 for $margin are possible 
*/
/** 
* Mixins for individual margins 
* a - all sides 
* x - horizontal 
* y - vertical 
* t - top 
* b - bottom 
* l - left 
* r - right 
* 
* 1) All mixins work like "margin" with $direction omitted 
* 2) values greater than 24 for $margin are possible 
* 3) negative values for $margin are possible 
*/
/** 
* Mixins 
*/
/** 
* Mixin for all paddings, usage: 
* 
* reset padding 
* @include padding 
* or 
* @include padding() 
* 
* 16px padding on all sides 
* @include padding(4) 
* 
* 16px padding on all sides from breakpoint sm up 
* @include padding(4, $bp: sm) 
* 
* 16px padding on all sides 
* @include padding(4, x) 
* 
* 16px horizontal padding from breakpoint md up 
* @include padding(4, x, md) 
* or 
* @include padding(4, $direction: x, $bp: md) 
* 
* also values greater than 24 for $padding are possible 
*/
/** 
* Mixins for individual paddings 
* a - all sides 
* x - horizontal 
* y - vertical 
* t - top 
* b - bottom 
* l - left 
* r - right 
* 
* 1) All mixins work like "padding" with $direction omitted 
* 2) values greater than 24 for $padding are possible 
*/
/* Colors */
/* White */
/* Black */
/* Red */
/* Blue */
/* Grey */
/* Green */
/* Orange */
/* Yellow  */
* {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}

html {
  font-family: "Roboto", sans-serif;
}

body {
  background-color: #F2F2F2;
}

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