@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap);
:export {
  list: ("black": #000, "white": #fff, "yellow-50": #FFF9E1, "yellow-100": #FFEEB4, "yellow-200": #FFE483, "yellow-300": #FFDA4F, "yellow-400": #FFD026, "yellow-500": #FFC800, "yellow-600": #FFB900, "yellow-700": #FFA600, "yellow-800": #FF9500, "yellow-900": #FF7500, "green-50": #E6F6EC, "green-100": #C3E9D0, "green-200": #9BDBB3, "green-300": #70CD94, "green-400": #4DC27E, "green-500": #1FB767, "green-600": #16A75C, "green-700": #069550, "green-800": #008444, "green-900": #006430, "blue-50": #E3F2FD, "blue-100": #BBDEFB, "blue-200": #90CAF9, "blue-300": #64B5F6, "blue-400": #42A5F5, "blue-500": #2196F3, "blue-600": #1E88E5, "blue-700": #1976D2, "blue-800": #1565C0, "blue-900": #0D47A1, "pink-50": #FFE6EC, "pink-100": #FFBFCF, "pink-200": #FF96AF, "pink-300": #FF6C8F, "pink-400": #FF4D77, "pink-500": #FD355F, "pink-600": #EC305D, "pink-700": #D62A59, "pink-800": #C12357, "pink-900": #9D1951, "red-50": #FFEBEE, "red-100": #FFCDD2, "red-200": #EF9A9A, "red-300": #E57373, "red-400": #EF5350, "red-500": #F44336, "red-600": #E53935, "red-700": #D32F2F, "red-800": #C62828, "red-900": #B71B1C, "purple-50": #F3E5F5, "purple-100": #E1BEE7, "purple-200": #CE93D8, "purple-300": #BA68C8, "purple-400": #AB47BC, "purple-500": #9B27B0, "purple-600": #8D24AA, "purple-700": #7A1FA2, "purple-800": #691B9A, "purple-900": #49148C, "gray-50": #FAFAFA, "gray-100": #F5F5F5, "gray-200": #EEEEEE, "gray-300": #E0E0E0, "gray-400": #BDBDBD, "gray-500": #9E9E9E, "gray-600": #757575, "gray-700": #616161, "gray-800": #424242, "gray-900": #212121, "blue-gray-50": #E3E7ED, "blue-gray-100": #B9C3D3, "blue-gray-200": #8D9DB5, "blue-gray-300": #627798, "blue-gray-400": #415C84, "blue-gray-500": #1A4373, "blue-gray-600": #133C6B, "blue-gray-700": #083461, "blue-gray-800": #022B55, "blue-gray-900": #001B3D);
}

html {
  font-size: 16px;
}

.font-sans-1 {
  font-family: "Lato";
  font-weight: 400;
}
.font-sans-1.font-weight-normal {
  font-weight: 400;
}
.font-sans-1.font-weight-medium {
  font-weight: 700;
}
.font-sans-1.font-weight-bold {
  font-weight: 900;
}

.font-sans-1 b,
b.font-sans-1 {
  font-weight: 900;
}

.font-sans-2 {
  font-family: "Roboto";
  font-weight: 400;
}
.font-sans-2.font-weight-normal {
  font-weight: 400;
}
.font-sans-2.font-weight-medium {
  font-weight: 700;
}
.font-sans-2.font-weight-bold {
  font-weight: 900;
}

.font-sans-2 b,
b.font-sans-2 {
  font-weight: 900;
}

.font-serif {
  font-family: "Lora";
  font-weight: 400;
}
.font-serif.font-weight-normal {
  font-weight: 400;
}
.font-serif.font-weight-medium {
  font-weight: 700;
}
.font-serif.font-weight-bold {
  font-weight: 900;
}

.font-serif b,
b.font-serif {
  font-weight: 900;
}

.bg-black {
  background: #000;
}

.bg-white {
  background: #fff;
}

.bg-yellow-50 {
  background: #FFF9E1;
}

.bg-yellow-100 {
  background: #FFEEB4;
}

.bg-yellow-200 {
  background: #FFE483;
}

.bg-yellow-300 {
  background: #FFDA4F;
}

.bg-yellow-400 {
  background: #FFD026;
}

.bg-yellow-500 {
  background: #FFC800;
}

.bg-yellow-600 {
  background: #FFB900;
}

.bg-yellow-700 {
  background: #FFA600;
}

.bg-yellow-800 {
  background: #FF9500;
}

.bg-yellow-900 {
  background: #FF7500;
}

.bg-green-50 {
  background: #E6F6EC;
}

.bg-green-100 {
  background: #C3E9D0;
}

.bg-green-200 {
  background: #9BDBB3;
}

.bg-green-300 {
  background: #70CD94;
}

.bg-green-400 {
  background: #4DC27E;
}

.bg-green-500 {
  background: #1FB767;
}

.bg-green-600 {
  background: #16A75C;
}

.bg-green-700 {
  background: #069550;
}

.bg-green-800 {
  background: #008444;
}

.bg-green-900 {
  background: #006430;
}

.bg-blue-50 {
  background: #E3F2FD;
}

.bg-blue-100 {
  background: #BBDEFB;
}

.bg-blue-200 {
  background: #90CAF9;
}

.bg-blue-300 {
  background: #64B5F6;
}

.bg-blue-400 {
  background: #42A5F5;
}

.bg-blue-500 {
  background: #2196F3;
}

.bg-blue-600 {
  background: #1E88E5;
}

.bg-blue-700 {
  background: #1976D2;
}

.bg-blue-800 {
  background: #1565C0;
}

.bg-blue-900 {
  background: #0D47A1;
}

.bg-pink-50 {
  background: #FFE6EC;
}

.bg-pink-100 {
  background: #FFBFCF;
}

.bg-pink-200 {
  background: #FF96AF;
}

.bg-pink-300 {
  background: #FF6C8F;
}

.bg-pink-400 {
  background: #FF4D77;
}

.bg-pink-500 {
  background: #FD355F;
}

.bg-pink-600 {
  background: #EC305D;
}

.bg-pink-700 {
  background: #D62A59;
}

.bg-pink-800 {
  background: #C12357;
}

.bg-pink-900 {
  background: #9D1951;
}

.bg-red-50 {
  background: #FFEBEE;
}

.bg-red-100 {
  background: #FFCDD2;
}

.bg-red-200 {
  background: #EF9A9A;
}

.bg-red-300 {
  background: #E57373;
}

.bg-red-400 {
  background: #EF5350;
}

.bg-red-500 {
  background: #F44336;
}

.bg-red-600 {
  background: #E53935;
}

.bg-red-700 {
  background: #D32F2F;
}

.bg-red-800 {
  background: #C62828;
}

.bg-red-900 {
  background: #B71B1C;
}

.bg-purple-50 {
  background: #F3E5F5;
}

.bg-purple-100 {
  background: #E1BEE7;
}

.bg-purple-200 {
  background: #CE93D8;
}

.bg-purple-300 {
  background: #BA68C8;
}

.bg-purple-400 {
  background: #AB47BC;
}

.bg-purple-500 {
  background: #9B27B0;
}

.bg-purple-600 {
  background: #8D24AA;
}

.bg-purple-700 {
  background: #7A1FA2;
}

.bg-purple-800 {
  background: #691B9A;
}

.bg-purple-900 {
  background: #49148C;
}

.bg-gray-50 {
  background: #FAFAFA;
}

.bg-gray-100 {
  background: #F5F5F5;
}

.bg-gray-200 {
  background: #EEEEEE;
}

.bg-gray-300 {
  background: #E0E0E0;
}

.bg-gray-400 {
  background: #BDBDBD;
}

.bg-gray-500 {
  background: #9E9E9E;
}

.bg-gray-600 {
  background: #757575;
}

.bg-gray-700 {
  background: #616161;
}

.bg-gray-800 {
  background: #424242;
}

.bg-gray-900 {
  background: #212121;
}

.bg-blue-gray-50 {
  background: #E3E7ED;
}

.bg-blue-gray-100 {
  background: #B9C3D3;
}

.bg-blue-gray-200 {
  background: #8D9DB5;
}

.bg-blue-gray-300 {
  background: #627798;
}

.bg-blue-gray-400 {
  background: #415C84;
}

.bg-blue-gray-500 {
  background: #1A4373;
}

.bg-blue-gray-600 {
  background: #133C6B;
}

.bg-blue-gray-700 {
  background: #083461;
}

.bg-blue-gray-800 {
  background: #022B55;
}

.bg-blue-gray-900 {
  background: #001B3D;
}

.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-yellow-50 {
  color: #FFF9E1;
}

.text-yellow-100 {
  color: #FFEEB4;
}

.text-yellow-200 {
  color: #FFE483;
}

.text-yellow-300 {
  color: #FFDA4F;
}

.text-yellow-400 {
  color: #FFD026;
}

.text-yellow-500 {
  color: #FFC800;
}

.text-yellow-600 {
  color: #FFB900;
}

.text-yellow-700 {
  color: #FFA600;
}

.text-yellow-800 {
  color: #FF9500;
}

.text-yellow-900 {
  color: #FF7500;
}

.text-green-50 {
  color: #E6F6EC;
}

.text-green-100 {
  color: #C3E9D0;
}

.text-green-200 {
  color: #9BDBB3;
}

.text-green-300 {
  color: #70CD94;
}

.text-green-400 {
  color: #4DC27E;
}

.text-green-500 {
  color: #1FB767;
}

.text-green-600 {
  color: #16A75C;
}

.text-green-700 {
  color: #069550;
}

.text-green-800 {
  color: #008444;
}

.text-green-900 {
  color: #006430;
}

.text-blue-50 {
  color: #E3F2FD;
}

.text-blue-100 {
  color: #BBDEFB;
}

.text-blue-200 {
  color: #90CAF9;
}

.text-blue-300 {
  color: #64B5F6;
}

.text-blue-400 {
  color: #42A5F5;
}

.text-blue-500 {
  color: #2196F3;
}

.text-blue-600 {
  color: #1E88E5;
}

.text-blue-700 {
  color: #1976D2;
}

.text-blue-800 {
  color: #1565C0;
}

.text-blue-900 {
  color: #0D47A1;
}

.text-pink-50 {
  color: #FFE6EC;
}

.text-pink-100 {
  color: #FFBFCF;
}

.text-pink-200 {
  color: #FF96AF;
}

.text-pink-300 {
  color: #FF6C8F;
}

.text-pink-400 {
  color: #FF4D77;
}

.text-pink-500 {
  color: #FD355F;
}

.text-pink-600 {
  color: #EC305D;
}

.text-pink-700 {
  color: #D62A59;
}

.text-pink-800 {
  color: #C12357;
}

.text-pink-900 {
  color: #9D1951;
}

.text-red-50 {
  color: #FFEBEE;
}

.text-red-100 {
  color: #FFCDD2;
}

.text-red-200 {
  color: #EF9A9A;
}

.text-red-300 {
  color: #E57373;
}

.text-red-400 {
  color: #EF5350;
}

.text-red-500 {
  color: #F44336;
}

.text-red-600 {
  color: #E53935;
}

.text-red-700 {
  color: #D32F2F;
}

.text-red-800 {
  color: #C62828;
}

.text-red-900 {
  color: #B71B1C;
}

.text-purple-50 {
  color: #F3E5F5;
}

.text-purple-100 {
  color: #E1BEE7;
}

.text-purple-200 {
  color: #CE93D8;
}

.text-purple-300 {
  color: #BA68C8;
}

.text-purple-400 {
  color: #AB47BC;
}

.text-purple-500 {
  color: #9B27B0;
}

.text-purple-600 {
  color: #8D24AA;
}

.text-purple-700 {
  color: #7A1FA2;
}

.text-purple-800 {
  color: #691B9A;
}

.text-purple-900 {
  color: #49148C;
}

.text-gray-50 {
  color: #FAFAFA;
}

.text-gray-100 {
  color: #F5F5F5;
}

.text-gray-200 {
  color: #EEEEEE;
}

.text-gray-300 {
  color: #E0E0E0;
}

.text-gray-400 {
  color: #BDBDBD;
}

.text-gray-500 {
  color: #9E9E9E;
}

.text-gray-600 {
  color: #757575;
}

.text-gray-700 {
  color: #616161;
}

.text-gray-800 {
  color: #424242;
}

.text-gray-900 {
  color: #212121;
}

.text-blue-gray-50 {
  color: #E3E7ED;
}

.text-blue-gray-100 {
  color: #B9C3D3;
}

.text-blue-gray-200 {
  color: #8D9DB5;
}

.text-blue-gray-300 {
  color: #627798;
}

.text-blue-gray-400 {
  color: #415C84;
}

.text-blue-gray-500 {
  color: #1A4373;
}

.text-blue-gray-600 {
  color: #133C6B;
}

.text-blue-gray-700 {
  color: #083461;
}

.text-blue-gray-800 {
  color: #022B55;
}

.text-blue-gray-900 {
  color: #001B3D;
}

.border-black {
  border-color: #000 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-yellow-50 {
  border-color: #FFF9E1 !important;
}

.border-yellow-100 {
  border-color: #FFEEB4 !important;
}

.border-yellow-200 {
  border-color: #FFE483 !important;
}

.border-yellow-300 {
  border-color: #FFDA4F !important;
}

.border-yellow-400 {
  border-color: #FFD026 !important;
}

.border-yellow-500 {
  border-color: #FFC800 !important;
}

.border-yellow-600 {
  border-color: #FFB900 !important;
}

.border-yellow-700 {
  border-color: #FFA600 !important;
}

.border-yellow-800 {
  border-color: #FF9500 !important;
}

.border-yellow-900 {
  border-color: #FF7500 !important;
}

.border-green-50 {
  border-color: #E6F6EC !important;
}

.border-green-100 {
  border-color: #C3E9D0 !important;
}

.border-green-200 {
  border-color: #9BDBB3 !important;
}

.border-green-300 {
  border-color: #70CD94 !important;
}

.border-green-400 {
  border-color: #4DC27E !important;
}

.border-green-500 {
  border-color: #1FB767 !important;
}

.border-green-600 {
  border-color: #16A75C !important;
}

.border-green-700 {
  border-color: #069550 !important;
}

.border-green-800 {
  border-color: #008444 !important;
}

.border-green-900 {
  border-color: #006430 !important;
}

.border-blue-50 {
  border-color: #E3F2FD !important;
}

.border-blue-100 {
  border-color: #BBDEFB !important;
}

.border-blue-200 {
  border-color: #90CAF9 !important;
}

.border-blue-300 {
  border-color: #64B5F6 !important;
}

.border-blue-400 {
  border-color: #42A5F5 !important;
}

.border-blue-500 {
  border-color: #2196F3 !important;
}

.border-blue-600 {
  border-color: #1E88E5 !important;
}

.border-blue-700 {
  border-color: #1976D2 !important;
}

.border-blue-800 {
  border-color: #1565C0 !important;
}

.border-blue-900 {
  border-color: #0D47A1 !important;
}

.border-pink-50 {
  border-color: #FFE6EC !important;
}

.border-pink-100 {
  border-color: #FFBFCF !important;
}

.border-pink-200 {
  border-color: #FF96AF !important;
}

.border-pink-300 {
  border-color: #FF6C8F !important;
}

.border-pink-400 {
  border-color: #FF4D77 !important;
}

.border-pink-500 {
  border-color: #FD355F !important;
}

.border-pink-600 {
  border-color: #EC305D !important;
}

.border-pink-700 {
  border-color: #D62A59 !important;
}

.border-pink-800 {
  border-color: #C12357 !important;
}

.border-pink-900 {
  border-color: #9D1951 !important;
}

.border-red-50 {
  border-color: #FFEBEE !important;
}

.border-red-100 {
  border-color: #FFCDD2 !important;
}

.border-red-200 {
  border-color: #EF9A9A !important;
}

.border-red-300 {
  border-color: #E57373 !important;
}

.border-red-400 {
  border-color: #EF5350 !important;
}

.border-red-500 {
  border-color: #F44336 !important;
}

.border-red-600 {
  border-color: #E53935 !important;
}

.border-red-700 {
  border-color: #D32F2F !important;
}

.border-red-800 {
  border-color: #C62828 !important;
}

.border-red-900 {
  border-color: #B71B1C !important;
}

.border-purple-50 {
  border-color: #F3E5F5 !important;
}

.border-purple-100 {
  border-color: #E1BEE7 !important;
}

.border-purple-200 {
  border-color: #CE93D8 !important;
}

.border-purple-300 {
  border-color: #BA68C8 !important;
}

.border-purple-400 {
  border-color: #AB47BC !important;
}

.border-purple-500 {
  border-color: #9B27B0 !important;
}

.border-purple-600 {
  border-color: #8D24AA !important;
}

.border-purple-700 {
  border-color: #7A1FA2 !important;
}

.border-purple-800 {
  border-color: #691B9A !important;
}

.border-purple-900 {
  border-color: #49148C !important;
}

.border-gray-50 {
  border-color: #FAFAFA !important;
}

.border-gray-100 {
  border-color: #F5F5F5 !important;
}

.border-gray-200 {
  border-color: #EEEEEE !important;
}

.border-gray-300 {
  border-color: #E0E0E0 !important;
}

.border-gray-400 {
  border-color: #BDBDBD !important;
}

.border-gray-500 {
  border-color: #9E9E9E !important;
}

.border-gray-600 {
  border-color: #757575 !important;
}

.border-gray-700 {
  border-color: #616161 !important;
}

.border-gray-800 {
  border-color: #424242 !important;
}

.border-gray-900 {
  border-color: #212121 !important;
}

.border-blue-gray-50 {
  border-color: #E3E7ED !important;
}

.border-blue-gray-100 {
  border-color: #B9C3D3 !important;
}

.border-blue-gray-200 {
  border-color: #8D9DB5 !important;
}

.border-blue-gray-300 {
  border-color: #627798 !important;
}

.border-blue-gray-400 {
  border-color: #415C84 !important;
}

.border-blue-gray-500 {
  border-color: #1A4373 !important;
}

.border-blue-gray-600 {
  border-color: #133C6B !important;
}

.border-blue-gray-700 {
  border-color: #083461 !important;
}

.border-blue-gray-800 {
  border-color: #022B55 !important;
}

.border-blue-gray-900 {
  border-color: #001B3D !important;
}

.fix-3 {
  width: 85px;
}

.fix-6 {
  width: 150px;
}

.fix-9 {
  width: 250px;
}

.fix-12 {
  width: 350px;
}

.full-width {
  width: 100%;
}