/* https://htmlcolorcodes.com/color-chart/material-design-color-chart/ */

:root{

/*#region branded colors  */

/* Red */
--mat-red : #f44336; 
--mat-red-50 : #ffebee; 
--mat-red-100 : #ffcdd2; 
--mat-red-200 : #ef9a9a; 
--mat-red-300 : #e57373; 
--mat-red-400 : #ef5350; 
--mat-red-500 : #f44336; 
--mat-red-600 : #e53935; 
--mat-red-700 : #d32f2f; 
--mat-red-800 : #c62828; 
--mat-red-900 : #b71c1c; 
--mat-red-a100 : #ff8a80; 
--mat-red-a200 : #ff5252; 
--mat-red-a400 : #ff1744; 
--mat-red-a700 : #d50000; 

/* Pink */
--mat-pink : #e91e63; 
--mat-pink-50 : #fce4ec; 
--mat-pink-100 : #f8bbd0; 
--mat-pink-200 : #f48fb1; 
--mat-pink-300 : #f06292; 
--mat-pink-400 : #ec407a; 
--mat-pink-500 : #e91e63; 
--mat-pink-600 : #d81b60; 
--mat-pink-700 : #c2185b; 
--mat-pink-800 : #ad1457; 
--mat-pink-900 : #880e4f; 
--mat-pink-a100 : #ff80ab; 
--mat-pink-a200 : #ff4081; 
--mat-pink-a400 : #f50057; 
--mat-pink-a700 : #c51162; 

/* Purple */
--mat-purple : #9c27b0; 
--mat-purple-50 : #f3e5f5; 
--mat-purple-100 : #e1bee7; 
--mat-purple-200 : #ce93d8; 
--mat-purple-300 : #ba68c8; 
--mat-purple-400 : #ab47bc; 
--mat-purple-500 : #9c27b0; 
--mat-purple-600 : #8e24aa; 
--mat-purple-700 : #7b1fa2; 
--mat-purple-800 : #6a1b9a; 
--mat-purple-900 : #4a148c; 
--mat-purple-a100 : #ea80fc; 
--mat-purple-a200 : #e040fb; 
--mat-purple-a400 : #d500f9; 
--mat-purple-a700 : #aa00ff; 

/* Deep Purple */
--mat-deep-purple : #673ab7; 
--mat-deep-purple-50 : #ede7f6; 
--mat-deep-purple-100 : #d1c4e9; 
--mat-deep-purple-200 : #b39ddb; 
--mat-deep-purple-300 : #9575cd; 
--mat-deep-purple-400 : #7e57c2; 
--mat-deep-purple-500 : #673ab7; 
--mat-deep-purple-600 : #5e35b1; 
--mat-deep-purple-700 : #512da8; 
--mat-deep-purple-800 : #4527a0; 
--mat-deep-purple-900 : #311b92; 
--mat-deep-purple-a100 : #b388ff; 
--mat-deep-purple-a200 : #7c4dff; 
--mat-deep-purple-a400 : #651fff; 
--mat-deep-purple-a700 : #6200ea; 

/* Indigo */
--mat-indigo : #3f51b5; 
--mat-indigo-50 : #e8eaf6; 
--mat-indigo-100 : #c5cae9; 
--mat-indigo-200 : #9fa8da; 
--mat-indigo-300 : #7986cb; 
--mat-indigo-400 : #5c6bc0; 
--mat-indigo-500 : #3f51b5; 
--mat-indigo-600 : #3949ab; 
--mat-indigo-700 : #303f9f; 
--mat-indigo-800 : #283593; 
--mat-indigo-900 : #1a237e; 
--mat-indigo-a100 : #8c9eff; 
--mat-indigo-a200 : #536dfe; 
--mat-indigo-a400 : #3d5afe; 
--mat-indigo-a700 : #304ffe; 

/* Blue */
--mat-blue : #2196f3; 
--mat-blue-50 : #e3f2fd; 
--mat-blue-100 : #bbdefb; 
--mat-blue-200 : #90caf9; 
--mat-blue-300 : #64b5f6; 
--mat-blue-400 : #42a5f5; 
--mat-blue-500 : #2196f3; 
--mat-blue-600 : #1e88e5; 
--mat-blue-700 : #1976d2; 
--mat-blue-800 : #1565c0; 
--mat-blue-900 : #0d47a1; 
--mat-blue-a100 : #82b1ff; 
--mat-blue-a200 : #448aff; 
--mat-blue-a400 : #2979ff; 
--mat-blue-a700 : #2962ff; 

/* Light Blue */
--mat-light-blue : #03a9f4; 
--mat-light-blue-50 : #e1f5fe; 
--mat-light-blue-100 : #b3e5fc; 
--mat-light-blue-200 : #81d4fa; 
--mat-light-blue-300 : #4fc3f7; 
--mat-light-blue-400 : #29b6f6; 
--mat-light-blue-500 : #03a9f4; 
--mat-light-blue-600 : #039be5; 
--mat-light-blue-700 : #0288d1; 
--mat-light-blue-800 : #0277bd; 
--mat-light-blue-900 : #01579b; 
--mat-light-blue-a100 : #80d8ff; 
--mat-light-blue-a200 : #40c4ff; 
--mat-light-blue-a400 : #00b0ff; 
--mat-light-blue-a700 : #0091ea; 

/* Cyan */
--mat-cyan : #00bcd4; 
--mat-cyan-50 : #e0f7fa; 
--mat-cyan-100 : #b2ebf2; 
--mat-cyan-200 : #80deea; 
--mat-cyan-300 : #4dd0e1; 
--mat-cyan-400 : #26c6da; 
--mat-cyan-500 : #00bcd4; 
--mat-cyan-600 : #00acc1; 
--mat-cyan-700 : #0097a7; 
--mat-cyan-800 : #00838f; 
--mat-cyan-900 : #006064; 
--mat-cyan-a100 : #84ffff; 
--mat-cyan-a200 : #18ffff; 
--mat-cyan-a400 : #00e5ff; 
--mat-cyan-a700 : #00b8d4; 

/* Teal */
--mat-teal : #009688; 
--mat-teal-50 : #e0f2f1; 
--mat-teal-100 : #b2dfdb; 
--mat-teal-200 : #80cbc4; 
--mat-teal-300 : #4db6ac; 
--mat-teal-400 : #26a69a; 
--mat-teal-500 : #009688; 
--mat-teal-600 : #00897b; 
--mat-teal-700 : #00796b; 
--mat-teal-800 : #00695c; 
--mat-teal-900 : #004d40; 
--mat-teal-a100 : #a7ffeb; 
--mat-teal-a200 : #64ffda; 
--mat-teal-a400 : #1de9b6; 
--mat-teal-a700 : #00bfa5; 

/* Green */
--mat-green : #4caf50; 
--mat-green-50 : #e8f5e9; 
--mat-green-100 : #c8e6c9; 
--mat-green-200 : #a5d6a7; 
--mat-green-300 : #81c784; 
--mat-green-400 : #66bb6a; 
--mat-green-500 : #4caf50; 
--mat-green-600 : #43a047; 
--mat-green-700 : #388e3c; 
--mat-green-800 : #2e7d32; 
--mat-green-900 : #1b5e20; 
--mat-green-a100 : #b9f6ca; 
--mat-green-a200 : #69f0ae; 
--mat-green-a400 : #00e676; 
--mat-green-a700 : #00c853; 

/* Light Green */
--mat-light-green : #8bc34a; 
--mat-light-green-50 : #f1f8e9; 
--mat-light-green-100 : #dcedc8; 
--mat-light-green-200 : #c5e1a5; 
--mat-light-green-300 : #aed581; 
--mat-light-green-400 : #9ccc65; 
--mat-light-green-500 : #8bc34a; 
--mat-light-green-600 : #7cb342; 
--mat-light-green-700 : #689f38; 
--mat-light-green-800 : #558b2f; 
--mat-light-green-900 : #33691e; 
--mat-light-green-a100 : #ccff90; 
--mat-light-green-a200 : #b2ff59; 
--mat-light-green-a400 : #76ff03; 
--mat-light-green-a700 : #64dd17; 

/* Lime */
--mat-lime : #cddc39; 
--mat-lime-50 : #f9fbe7; 
--mat-lime-100 : #f0f4c3; 
--mat-lime-200 : #e6ee9c; 
--mat-lime-300 : #dce775; 
--mat-lime-400 : #d4e157; 
--mat-lime-500 : #cddc39; 
--mat-lime-600 : #c0ca33; 
--mat-lime-700 : #afb42b; 
--mat-lime-800 : #9e9d24; 
--mat-lime-900 : #827717; 
--mat-lime-a100 : #f4ff81; 
--mat-lime-a200 : #eeff41; 
--mat-lime-a400 : #c6ff00; 
--mat-lime-a700 : #aeea00; 

/* Yellow */
--mat-yellow : #ffeb3b; 
--mat-yellow-50 : #fffde7; 
--mat-yellow-100 : #fff9c4; 
--mat-yellow-200 : #fff59d; 
--mat-yellow-300 : #fff176; 
--mat-yellow-400 : #ffee58; 
--mat-yellow-500 : #ffeb3b; 
--mat-yellow-600 : #fdd835; 
--mat-yellow-700 : #fbc02d; 
--mat-yellow-800 : #f9a825; 
--mat-yellow-900 : #f57f17; 
--mat-yellow-a100 : #ffff8d; 
--mat-yellow-a200 : #ffff00; 
--mat-yellow-a400 : #ffea00; 
--mat-yellow-a700 : #ffd600; 

/* Amber */
--mat-amber : #ffc107; 
--mat-amber-50 : #fff8e1; 
--mat-amber-100 : #ffecb3; 
--mat-amber-200 : #ffe082; 
--mat-amber-300 : #ffd54f; 
--mat-amber-400 : #ffca28; 
--mat-amber-500 : #ffc107; 
--mat-amber-600 : #ffb300; 
--mat-amber-700 : #ffa000; 
--mat-amber-800 : #ff8f00; 
--mat-amber-900 : #ff6f00; 
--mat-amber-a100 : #ffe57f; 
--mat-amber-a200 : #ffd740; 
--mat-amber-a400 : #ffc400; 
--mat-amber-a700 : #ffab00; 

/* Orange */
--mat-orange : #ff9800; 
--mat-orange-50 : #fff3e0; 
--mat-orange-100 : #ffe0b2; 
--mat-orange-200 : #ffcc80; 
--mat-orange-300 : #ffb74d; 
--mat-orange-400 : #ffa726; 
--mat-orange-500 : #ff9800; 
--mat-orange-600 : #fb8c00; 
--mat-orange-700 : #f57c00; 
--mat-orange-800 : #ef6c00; 
--mat-orange-900 : #e65100; 
--mat-orange-a100 : #ffd180; 
--mat-orange-a200 : #ffab40; 
--mat-orange-a400 : #ff9100; 
--mat-orange-a700 : #ff6d00; 

/* Deep Orange */
--mat-deep-orange : #ff5722; 
--mat-deep-orange-50 : #fbe9e7; 
--mat-deep-orange-100 : #ffccbc; 
--mat-deep-orange-200 : #ffab91; 
--mat-deep-orange-300 : #ff8a65; 
--mat-deep-orange-400 : #ff7043; 
--mat-deep-orange-500 : #ff5722; 
--mat-deep-orange-600 : #f4511e; 
--mat-deep-orange-700 : #e64a19; 
--mat-deep-orange-800 : #d84315; 
--mat-deep-orange-900 : #bf360c; 
--mat-deep-orange-a100 : #ff9e80; 
--mat-deep-orange-a200 : #ff6e40; 
--mat-deep-orange-a400 : #ff3d00; 
--mat-deep-orange-a700 : #dd2c00; 

/* Brown */
--mat-brown : #795548; 
--mat-brown-50 : #efebe9; 
--mat-brown-100 : #d7ccc8; 
--mat-brown-200 : #bcaaa4; 
--mat-brown-300 : #a1887f; 
--mat-brown-400 : #8d6e63; 
--mat-brown-500 : #795548; 
--mat-brown-600 : #6d4c41; 
--mat-brown-700 : #5d4037; 
--mat-brown-800 : #4e342e; 
--mat-brown-900 : #3e2723; 

/* Grey */
--mat-grey : #9e9e9e; 
--mat-grey-50 : #fafafa; 
--mat-grey-100 : #f5f5f5; 
--mat-grey-200 : #eeeeee; 
--mat-grey-300 : #e0e0e0; 
--mat-grey-400 : #bdbdbd; 
--mat-grey-500 : #9e9e9e; 
--mat-grey-600 : #757575; 
--mat-grey-700 : #616161; 
--mat-grey-800 : #424242; 
--mat-grey-900 : #212121; 

/* Blue Grey */
--mat-blue-grey : #607d8b; 
--mat-blue-grey-50 : #eceff1; 
--mat-blue-grey-100 : #cfd8dc; 
--mat-blue-grey-200 : #b0bec5; 
--mat-blue-grey-300 : #90a4ae; 
--mat-blue-grey-400 : #78909c; 
--mat-blue-grey-500 : #607d8b; 
--mat-blue-grey-600 : #546e7a; 
--mat-blue-grey-700 : #455a64; 
--mat-blue-grey-800 : #37474f; 
--mat-blue-grey-900 : #263238; 

/* White / Black */
--mat-white : #ffffff; 
--mat-black : #000000;

/*#endregion */
}

body {

    font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.icon-link{
    height: 1.5rem;
    border-radius: 0.5rem;
}