flexifycss/styles.css

FlexifyCSS - A CSS Utility Library for Effortless Styling

/* Other css files */

@import url('./component-styles/button.css');
@import url('./component-styles/input-field.css');
@import url('./component-styles/wrapper.css');

/* Variables */


:root {
    --blue100: rgba(0, 0, 255, 1);
    --blue90: rgba(0, 0, 128, 1);
    --blue80: rgba(65, 105, 225, 1);
    --blue70: rgba(100, 149, 237, 1);
    --blue60: rgba(135, 206, 235, 1);
    --blue50: rgba(173, 216, 230, 1);
    --blue40: rgba(176, 224, 230, 1);
    --blue30: rgba(152, 208, 212, 1);
    --blue20: rgba(119, 136, 153, 1);
    --blue10: rgba(220, 220, 220, 1);
    /* Opacity variant */
    --blue100-10: rgba(0, 0, 255, 0.1);
    --blue90-10: rgba(0, 0, 128, 0.1);
    --blue80-10: rgba(65, 105, 225, 0.1);
    --blue70-10: rgba(100, 149, 237, 0.1);
    --blue60-10: rgba(135, 206, 235, 0.1);
    --blue50-10: rgba(173, 216, 230, 0.1);
    --blue40-10: rgba(176, 224, 230, 0.1);
    --blue30-10: rgba(152, 208, 212, 0.1);
    --blue20-10: rgba(119, 136, 153, 0.1);
    --blue10-10: rgba(220, 220, 220, 0.1);
    --blue100-20: rgba(0, 0, 255, 0.2);
    --blue90-20: rgba(0, 0, 128, 0.2);
    --blue80-20: rgba(65, 105, 225, 0.2);
    --blue70-20: rgba(100, 149, 237, 0.2);
    --blue60-20: rgba(135, 206, 235, 0.2);
    --blue50-20: rgba(173, 216, 230, 0.2);
    --blue40-20: rgba(176, 224, 230, 0.2);
    --blue30-20: rgba(152, 208, 212, 0.2);
    --blue20-20: rgba(119, 136, 153, 0.2);
    --blue10-20: rgba(220, 220, 220, 0.2);
    --blue100-30: rgba(0, 0, 255, 0.3);
    --blue90-30: rgba(0, 0, 128, 0.3);
    --blue80-30: rgba(65, 105, 225, 0.3);
    --blue70-30: rgba(100, 149, 237, 0.3);
    --blue60-30: rgba(135, 206, 235, 0.3);
    --blue50-30: rgba(173, 216, 230, 0.3);
    --blue40-30: rgba(176, 224, 230, 0.3);
    --blue30-30: rgba(152, 208, 212, 0.3);
    --blue20-30: rgba(119, 136, 153, 0.3);
    --blue10-30: rgba(220, 220, 220, 0.3);
    --blue100-40: rgba(0, 0, 255, 0.4);
    --blue90-40: rgba(0, 0, 128, 0.4);
    --blue80-40: rgba(65, 105, 225, 0.4);
    --blue70-40: rgba(100, 149, 237, 0.4);
    --blue60-40: rgba(135, 206, 235, 0.4);
    --blue50-40: rgba(173, 216, 230, 0.4);
    --blue40-40: rgba(176, 224, 230, 0.4);
    --blue30-40: rgba(152, 208, 212, 0.4);
    --blue20-40: rgba(119, 136, 153, 0.4);
    --blue10-40: rgba(220, 220, 220, 0.4);
    --blue100-50: rgba(0, 0, 255, 0.5);
    --blue90-50: rgba(0, 0, 128, 0.5);
    --blue80-50: rgba(65, 105, 225, 0.5);
    --blue70-50: rgba(100, 149, 237, 0.5);
    --blue60-50: rgba(135, 206, 235, 0.5);
    --blue50-50: rgba(173, 216, 230, 0.5);
    --blue40-50: rgba(176, 224, 230, 0.5);
    --blue30-50: rgba(152, 208, 212, 0.5);
    --blue20-50: rgba(119, 136, 153, 0.5);
    --blue10-50: rgba(220, 220, 220, 0.5);
    --blue100-60: rgba(0, 0, 255, 0.6);
    --blue90-60: rgba(0, 0, 128, 0.6);
    --blue80-60: rgba(65, 105, 225, 0.6);
    --blue70-60: rgba(100, 149, 237, 0.6);
    --blue60-60: rgba(135, 206, 235, 0.6);
    --blue50-60: rgba(173, 216, 230, 0.6);
    --blue40-60: rgba(176, 224, 230, 0.6);
    --blue30-60: rgba(152, 208, 212, 0.6);
    --blue20-60: rgba(119, 136, 153, 0.6);
    --blue10-60: rgba(220, 220, 220, 0.6);
    --blue100-70: rgba(0, 0, 255, 0.7);
    --blue90-70: rgba(0, 0, 128, 0.7);
    --blue80-70: rgba(65, 105, 225, 0.7);
    --blue70-70: rgba(100, 149, 237, 0.7);
    --blue60-70: rgba(135, 206, 235, 0.7);
    --blue50-70: rgba(173, 216, 230, 0.7);
    --blue40-70: rgba(176, 224, 230, 0.7);
    --blue30-70: rgba(152, 208, 212, 0.7);
    --blue20-70: rgba(119, 136, 153, 0.7);
    --blue10-70: rgba(220, 220, 220, 0.7);
    --blue100-80: rgba(0, 0, 255, 0.8);
    --blue90-80: rgba(0, 0, 128, 0.8);
    --blue80-80: rgba(65, 105, 225, 0.8);
    --blue70-80: rgba(100, 149, 237, 0.8);
    --blue60-80: rgba(135, 206, 235, 0.8);
    --blue50-80: rgba(173, 216, 230, 0.8);
    --blue40-80: rgba(176, 224, 230, 0.8);
    --blue30-80: rgba(152, 208, 212, 0.8);
    --blue20-80: rgba(119, 136, 153, 0.8);
    --blue10-80: rgba(220, 220, 220, 0.8);
    --blue100-90: rgba(0, 0, 255, 0.9);
    --blue90-90: rgba(0, 0, 128, 0.9);
    --blue80-90: rgba(65, 105, 225, 0.9);
    --blue70-90: rgba(100, 149, 237, 0.9);
    --blue60-90: rgba(135, 206, 235, 0.9);
    --blue50-90: rgba(173, 216, 230, 0.9);
    --blue40-90: rgba(176, 224, 230, 0.9);
    --blue30-90: rgba(152, 208, 212, 0.9);
    --blue20-90: rgba(119, 136, 153, 0.9);
    --blue10-90: rgba(220, 220, 220, 0.9);
    /* Blue Green */
    --blueGreen100: rgba(0, 128, 128, 1);
    --blueGreen90: rgba(64, 224, 208, 1);
    --blueGreen80: rgba(165, 199, 223, 1);
    --blueGreen70: rgba(127, 255, 212, 1);
    --blueGreen60: rgba(0, 255, 127, 1);
    --blueGreen50: rgba(46, 139, 87, 1);
    --blueGreen40: rgba(60, 179, 113, 1);
    --blueGreen30: rgba(32, 178, 170, 1);
    --blueGreen20: rgba(152, 251, 152, 1);
    --blueGreen10: rgba(245, 255, 250, 1);
    /* Opacity Variant */
    --blueGreen100-10: rgba(0, 128, 128, 0.1);
    --blueGreen90-10: rgba(64, 224, 208, 0.1);
    --blueGreen80-10: rgba(165, 199, 223, 0.1);
    --blueGreen70-10: rgba(127, 255, 212, 0.1);
    --blueGreen60-10: rgba(0, 255, 127, 0.1);
    --blueGreen50-10: rgba(46, 139, 87, 0.1);
    --blueGreen40-10: rgba(60, 179, 113, 0.1);
    --blueGreen30-10: rgba(32, 178, 170, 0.1);
    --blueGreen20-10: rgba(152, 251, 152, 0.1);
    --blueGreen10-10: rgba(245, 255, 250, 0.1);
    --blueGreen100-20: rgba(0, 128, 128, 0.2);
    --blueGreen90-20: rgba(64, 224, 208, 0.2);
    --blueGreen80-20: rgba(165, 199, 223, 0.2);
    --blueGreen70-20: rgba(127, 255, 212, 0.2);
    --blueGreen60-20: rgba(0, 255, 127, 0.2);
    --blueGreen50-20: rgba(46, 139, 87, 0.2);
    --blueGreen40-20: rgba(60, 179, 113, 0.2);
    --blueGreen30-20: rgba(32, 178, 170, 0.2);
    --blueGreen20-20: rgba(152, 251, 152, 0.2);
    --blueGreen10-20: rgba(245, 255, 250, 0.2);
    --blueGreen100-30: rgba(0, 128, 128, 0.3);
    --blueGreen90-30: rgba(64, 224, 208, 0.3);
    --blueGreen80-30: rgba(165, 199, 223, 0.3);
    --blueGreen70-30: rgba(127, 255, 212, 0.3);
    --blueGreen60-30: rgba(0, 255, 127, 0.3);
    --blueGreen50-30: rgba(46, 139, 87, 0.3);
    --blueGreen40-30: rgba(60, 179, 113, 0.3);
    --blueGreen30-30: rgba(32, 178, 170, 0.3);
    --blueGreen20-30: rgba(152, 251, 152, 0.3);
    --blueGreen10-30: rgba(245, 255, 250, 0.3);
    --blueGreen100-40: rgba(0, 128, 128, 0.4);
    --blueGreen90-40: rgba(64, 224, 208, 0.4);
    --blueGreen80-40: rgba(165, 199, 223, 0.4);
    --blueGreen70-40: rgba(127, 255, 212, 0.4);
    --blueGreen60-40: rgba(0, 255, 127, 0.4);
    --blueGreen50-40: rgba(46, 139, 87, 0.4);
    --blueGreen40-40: rgba(60, 179, 113, 0.4);
    --blueGreen30-40: rgba(32, 178, 170, 0.4);
    --blueGreen20-40: rgba(152, 251, 152, 0.4);
    --blueGreen10-40: rgba(245, 255, 250, 0.4);
    --blueGreen100-50: rgba(0, 128, 128, 0.5);
    --blueGreen90-50: rgba(64, 224, 208, 0.5);
    --blueGreen80-50: rgba(165, 199, 223, 0.5);
    --blueGreen70-50: rgba(127, 255, 212, 0.5);
    --blueGreen60-50: rgba(0, 255, 127, 0.5);
    --blueGreen50-50: rgba(46, 139, 87, 0.5);
    --blueGreen40-50: rgba(60, 179, 113, 0.5);
    --blueGreen30-50: rgba(32, 178, 170, 0.5);
    --blueGreen20-50: rgba(152, 251, 152, 0.5);
    --blueGreen10-50: rgba(245, 255, 250, 0.5);
    --blueGreen100-60: rgba(0, 128, 128, 0.6);
    --blueGreen90-60: rgba(64, 224, 208, 0.6);
    --blueGreen80-60: rgba(165, 199, 223, 0.6);
    --blueGreen70-60: rgba(127, 255, 212, 0.6);
    --blueGreen60-60: rgba(0, 255, 127, 0.6);
    --blueGreen50-60: rgba(46, 139, 87, 0.6);
    --blueGreen40-60: rgba(60, 179, 113, 0.6);
    --blueGreen30-60: rgba(32, 178, 170, 0.6);
    --blueGreen20-60: rgba(152, 251, 152, 0.6);
    --blueGreen10-60: rgba(245, 255, 250, 0.6);
    --blueGreen100-70: rgba(0, 128, 128, 0.7);
    --blueGreen90-70: rgba(64, 224, 208, 0.7);
    --blueGreen80-70: rgba(165, 199, 223, 0.7);
    --blueGreen70-70: rgba(127, 255, 212, 0.7);
    --blueGreen60-70: rgba(0, 255, 127, 0.7);
    --blueGreen50-70: rgba(46, 139, 87, 0.7);
    --blueGreen40-70: rgba(60, 179, 113, 0.7);
    --blueGreen30-70: rgba(32, 178, 170, 0.7);
    --blueGreen20-70: rgba(152, 251, 152, 0.7);
    --blueGreen10-70: rgba(245, 255, 250, 0.7);
    --blueGreen100-80: rgba(0, 128, 128, 0.8);
    --blueGreen90-80: rgba(64, 224, 208, 0.8);
    --blueGreen80-80: rgba(165, 199, 223, 0.8);
    --blueGreen70-80: rgba(127, 255, 212, 0.8);
    --blueGreen60-80: rgba(0, 255, 127, 0.8);
    --blueGreen50-80: rgba(46, 139, 87, 0.8);
    --blueGreen40-80: rgba(60, 179, 113, 0.8);
    --blueGreen30-80: rgba(32, 178, 170, 0.8);
    --blueGreen20-80: rgba(152, 251, 152, 0.8);
    --blueGreen10-80: rgba(245, 255, 250, 0.8);
    --blueGreen100-90: rgba(0, 128, 128, 0.9);
    --blueGreen90-90: rgba(64, 224, 208, 0.9);
    --blueGreen80-90: rgba(165, 199, 223, 0.9);
    --blueGreen70-90: rgba(127, 255, 212, 0.9);
    --blueGreen60-90: rgba(0, 255, 127, 0.9);
    --blueGreen50-90: rgba(46, 139, 87, 0.9);
    --blueGreen40-90: rgba(60, 179, 113, 0.9);
    --blueGreen30-90: rgba(32, 178, 170, 0.9);
    --blueGreen20-90: rgba(152, 251, 152, 0.9);
    --blueGreen10-90: rgba(245, 255, 250, 0.9);
    /* Red */
    --red100: rgba(255, 0, 0, 1);
    --red90: rgba(178, 34, 34, 1);
    --red80: rgba(220, 20, 60, 1);
    --red70: rgba(255, 69, 0, 1);
    --red60: rgba(255, 99, 71, 1);
    --red50: rgba(255, 127, 80, 1);
    --red40: rgba(250, 128, 114, 1);
    --red30: rgba(233, 150, 122, 1);
    --red20: rgba(205, 92, 92, 1);
    --red10: rgba(240, 128, 128, 1);
    /* Opacity Variant */
    --red100-10: rgba(255, 0, 0, 0.1);
    --red90-10: rgba(178, 34, 34, 0.1);
    --red80-10: rgba(220, 20, 60, 0.1);
    --red70-10: rgba(255, 69, 0, 0.1);
    --red60-10: rgba(255, 99, 71, 0.1);
    --red50-10: rgba(255, 127, 80, 0.1);
    --red40-10: rgba(250, 128, 114, 0.1);
    --red30-10: rgba(233, 150, 122, 0.1);
    --red20-10: rgba(205, 92, 92, 0.1);
    --red10-10: rgba(240, 128, 128, 0.1);
    --red100-20: rgba(255, 0, 0, 0.2);
    --red90-20: rgba(178, 34, 34, 0.2);
    --red80-20: rgba(220, 20, 60, 0.2);
    --red70-20: rgba(255, 69, 0, 0.2);
    --red60-20: rgba(255, 99, 71, 0.2);
    --red50-20: rgba(255, 127, 80, 0.2);
    --red40-20: rgba(250, 128, 114, 0.2);
    --red30-20: rgba(233, 150, 122, 0.2);
    --red20-20: rgba(205, 92, 92, 0.2);
    --red10-20: rgba(240, 128, 128, 0.2);
    --red100-30: rgba(255, 0, 0, 0.3);
    --red90-30: rgba(178, 34, 34, 0.3);
    --red80-30: rgba(220, 20, 60, 0.3);
    --red70-30: rgba(255, 69, 0, 0.3);
    --red60-30: rgba(255, 99, 71, 0.3);
    --red50-30: rgba(255, 127, 80, 0.3);
    --red40-30: rgba(250, 128, 114, 0.3);
    --red30-30: rgba(233, 150, 122, 0.3);
    --red20-30: rgba(205, 92, 92, 0.3);
    --red10-30: rgba(240, 128, 128, 0.3);
    --red100-40: rgba(255, 0, 0, 0.4);
    --red90-40: rgba(178, 34, 34, 0.4);
    --red80-40: rgba(220, 20, 60, 0.4);
    --red70-40: rgba(255, 69, 0, 0.4);
    --red60-40: rgba(255, 99, 71, 0.4);
    --red50-40: rgba(255, 127, 80, 0.4);
    --red40-40: rgba(250, 128, 114, 0.4);
    --red30-40: rgba(233, 150, 122, 0.4);
    --red20-40: rgba(205, 92, 92, 0.4);
    --red10-40: rgba(240, 128, 128, 0.4);
    --red100-50: rgba(255, 0, 0, 0.5);
    --red90-50: rgba(178, 34, 34, 0.5);
    --red80-50: rgba(220, 20, 60, 0.5);
    --red70-50: rgba(255, 69, 0, 0.5);
    --red60-50: rgba(255, 99, 71, 0.5);
    --red50-50: rgba(255, 127, 80, 0.5);
    --red40-50: rgba(250, 128, 114, 0.5);
    --red30-50: rgba(233, 150, 122, 0.5);
    --red20-50: rgba(205, 92, 92, 0.5);
    --red10-50: rgba(240, 128, 128, 0.5);
    --red100-60: rgba(255, 0, 0, 0.6);
    --red90-60: rgba(178, 34, 34, 0.6);
    --red80-60: rgba(220, 20, 60, 0.6);
    --red70-60: rgba(255, 69, 0, 0.6);
    --red60-60: rgba(255, 99, 71, 0.6);
    --red50-60: rgba(255, 127, 80, 0.6);
    --red40-60: rgba(250, 128, 114, 0.6);
    --red30-60: rgba(233, 150, 122, 0.6);
    --red20-60: rgba(205, 92, 92, 0.6);
    --red10-60: rgba(240, 128, 128, 0.6);
    --red100-70: rgba(255, 0, 0, 0.7);
    --red90-70: rgba(178, 34, 34, 0.7);
    --red80-70: rgba(220, 20, 60, 0.7);
    --red70-70: rgba(255, 69, 0, 0.7);
    --red60-70: rgba(255, 99, 71, 0.7);
    --red50-70: rgba(255, 127, 80, 0.7);
    --red40-70: rgba(250, 128, 114, 0.7);
    --red30-70: rgba(233, 150, 122, 0.7);
    --red20-70: rgba(205, 92, 92, 0.7);
    --red10-70: rgba(240, 128, 128, 0.7);
    --red100-80: rgba(255, 0, 0, 0.8);
    --red90-80: rgba(178, 34, 34, 0.8);
    --red80-80: rgba(220, 20, 60, 0.8);
    --red70-80: rgba(255, 69, 0, 0.8);
    --red60-80: rgba(255, 99, 71, 0.8);
    --red50-80: rgba(255, 127, 80, 0.8);
    --red40-80: rgba(250, 128, 114, 0.8);
    --red30-80: rgba(233, 150, 122, 0.8);
    --red20-80: rgba(205, 92, 92, 0.8);
    --red10-80: rgba(240, 128, 128, 0.8);
    --red100-90: rgba(255, 0, 0, 0.9);
    --red90-90: rgba(178, 34, 34, 0.9);
    --red80-90: rgba(220, 20, 60, 0.9);
    --red70-90: rgba(255, 69, 0, 0.9);
    --red60-90: rgba(255, 99, 71, 0.9);
    --red50-90: rgba(255, 127, 80, 0.9);
    --red40-90: rgba(250, 128, 114, 0.9);
    --red30-90: rgba(233, 150, 122, 0.9);
    --red20-90: rgba(205, 92, 92, 0.9);
    --red10-90: rgba(240, 128, 128, 0.9);
    /* Orange */
    --orange100: rgba(255, 165, 0, 1);
    --orange90: rgba(255, 140, 0, 1);
    --orange80: rgba(255, 99, 71, 1);
    --orange70: rgba(255, 69, 0, 1);
    --orange60: rgba(255, 165, 79, 1);
    --orange50: rgba(255, 160, 122, 1);
    --orange40: rgba(255, 140, 105, 1);
    --orange30: rgba(255, 117, 74, 1);
    --orange20: rgba(255, 218, 185, 1);
    --orange10: rgba(255, 228, 181, 1);
    /* Opacity Variant */
    --orange100-10: rgba(255, 165, 0, 0.1);
    --orange90-10: rgba(255, 140, 0, 0.1);
    --orange80-10: rgba(255, 99, 71, 0.1);
    --orange70-10: rgba(255, 69, 0, 0.1);
    --orange60-10: rgba(255, 165, 79, 0.1);
    --orange50-10: rgba(255, 160, 122, 0.1);
    --orange40-10: rgba(255, 140, 105, 0.1);
    --orange30-10: rgba(255, 117, 74, 0.1);
    --orange20-10: rgba(255, 218, 185, 0.1);
    --orange10-10: rgba(255, 228, 181, 0.1);
    --orange100-20: rgba(255, 165, 0, 0.2);
    --orange90-20: rgba(255, 140, 0, 0.2);
    --orange80-20: rgba(255, 99, 71, 0.2);
    --orange70-20: rgba(255, 69, 0, 0.2);
    --orange60-20: rgba(255, 165, 79, 0.2);
    --orange50-20: rgba(255, 160, 122, 0.2);
    --orange40-20: rgba(255, 140, 105, 0.2);
    --orange30-20: rgba(255, 117, 74, 0.2);
    --orange20-20: rgba(255, 218, 185, 0.2);
    --orange10-20: rgba(255, 228, 181, 0.2);
    --orange100-30: rgba(255, 165, 0, 0.3);
    --orange90-30: rgba(255, 140, 0, 0.3);
    --orange80-30: rgba(255, 99, 71, 0.3);
    --orange70-30: rgba(255, 69, 0, 0.3);
    --orange60-30: rgba(255, 165, 79, 0.3);
    --orange50-30: rgba(255, 160, 122, 0.3);
    --orange40-30: rgba(255, 140, 105, 0.3);
    --orange30-30: rgba(255, 117, 74, 0.3);
    --orange20-30: rgba(255, 218, 185, 0.3);
    --orange10-30: rgba(255, 228, 181, 0.3);
    --orange100-40: rgba(255, 165, 0, 0.4);
    --orange90-40: rgba(255, 140, 0, 0.4);
    --orange80-40: rgba(255, 99, 71, 0.4);
    --orange70-40: rgba(255, 69, 0, 0.4);
    --orange60-40: rgba(255, 165, 79, 0.4);
    --orange50-40: rgba(255, 160, 122, 0.4);
    --orange40-40: rgba(255, 140, 105, 0.4);
    --orange30-40: rgba(255, 117, 74, 0.4);
    --orange20-40: rgba(255, 218, 185, 0.4);
    --orange10-40: rgba(255, 228, 181, 0.4);
    --orange100-50: rgba(255, 165, 0, 0.5);
    --orange90-50: rgba(255, 140, 0, 0.5);
    --orange80-50: rgba(255, 99, 71, 0.5);
    --orange70-50: rgba(255, 69, 0, 0.5);
    --orange60-50: rgba(255, 165, 79, 0.5);
    --orange50-50: rgba(255, 160, 122, 0.5);
    --orange40-50: rgba(255, 140, 105, 0.5);
    --orange30-50: rgba(255, 117, 74, 0.5);
    --orange20-50: rgba(255, 218, 185, 0.5);
    --orange10-50: rgba(255, 228, 181, 0.5);
    --orange100-60: rgba(255, 165, 0, 0.6);
    --orange90-60: rgba(255, 140, 0, 0.6);
    --orange80-60: rgba(255, 99, 71, 0.6);
    --orange70-60: rgba(255, 69, 0, 0.6);
    --orange60-60: rgba(255, 165, 79, 0.6);
    --orange50-60: rgba(255, 160, 122, 0.6);
    --orange40-60: rgba(255, 140, 105, 0.6);
    --orange30-60: rgba(255, 117, 74, 0.6);
    --orange20-60: rgba(255, 218, 185, 0.6);
    --orange10-60: rgba(255, 228, 181, 0.6);
    --orange100-70: rgba(255, 165, 0, 0.7);
    --orange90-70: rgba(255, 140, 0, 0.7);
    --orange80-70: rgba(255, 99, 71, 0.7);
    --orange70-70: rgba(255, 69, 0, 0.7);
    --orange60-70: rgba(255, 165, 79, 0.7);
    --orange50-70: rgba(255, 160, 122, 0.7);
    --orange40-70: rgba(255, 140, 105, 0.7);
    --orange30-70: rgba(255, 117, 74, 0.7);
    --orange20-70: rgba(255, 218, 185, 0.7);
    --orange10-70: rgba(255, 228, 181, 0.7);
    --orange100-80: rgba(255, 165, 0, 0.8);
    --orange90-80: rgba(255, 140, 0, 0.8);
    --orange80-80: rgba(255, 99, 71, 0.8);
    --orange70-80: rgba(255, 69, 0, 0.8);
    --orange60-80: rgba(255, 165, 79, 0.8);
    --orange50-80: rgba(255, 160, 122, 0.8);
    --orange40-80: rgba(255, 140, 105, 0.8);
    --orange30-80: rgba(255, 117, 74, 0.8);
    --orange20-80: rgba(255, 218, 185, 0.8);
    --orange10-80: rgba(255, 228, 181, 0.8);
    --orange100-90: rgba(255, 165, 0, 0.9);
    --orange90-90: rgba(255, 140, 0, 0.9);
    --orange80-90: rgba(255, 99, 71, 0.9);
    --orange70-90: rgba(255, 69, 0, 0.9);
    --orange60-90: rgba(255, 165, 79, 0.9);
    --orange50-90: rgba(255, 160, 122, 0.9);
    --orange40-90: rgba(255, 140, 105, 0.9);
    --orange30-90: rgba(255, 117, 74, 0.9);
    --orange20-90: rgba(255, 218, 185, 0.9);
    --orange10-90: rgba(255, 228, 181, 0.9);
    /* Green */
    --green100: rgba(0, 128, 0, 1);
    --green90: rgba(34, 139, 34, 1);
    --green80: rgba(50, 205, 50, 1);
    --green70: rgba(60, 179, 113, 1);
    --green60: rgba(46, 139, 87, 1);
    --green50: rgba(144, 238, 144, 1);
    --green40: rgba(152, 251, 152, 1);
    --green30: rgba(143, 188, 143, 1);
    --green20: rgba(32, 178, 170, 1);
    --green10: rgba(152, 251, 152, 1);
    /* Opacity Variant */
    --green100-10: rgba(0, 128, 0, 0.1);
    --green90-10: rgba(34, 139, 34, 0.1);
    --green80-10: rgba(50, 205, 50, 0.1);
    --green70-10: rgba(60, 179, 113, 0.1);
    --green60-10: rgba(46, 139, 87, 0.1);
    --green50-10: rgba(144, 238, 144, 0.1);
    --green40-10: rgba(152, 251, 152, 0.1);
    --green30-10: rgba(143, 188, 143, 0.1);
    --green20-10: rgba(32, 178, 170, 0.1);
    --green10-10: rgba(152, 251, 152, 0.1);
    --green100-20: rgba(0, 128, 0, 0.2);
    --green90-20: rgba(34, 139, 34, 0.2);
    --green80-20: rgba(50, 205, 50, 0.2);
    --green70-20: rgba(60, 179, 113, 0.2);
    --green60-20: rgba(46, 139, 87, 0.2);
    --green50-20: rgba(144, 238, 144, 0.2);
    --green40-20: rgba(152, 251, 152, 0.2);
    --green30-20: rgba(143, 188, 143, 0.2);
    --green20-20: rgba(32, 178, 170, 0.2);
    --green10-20: rgba(152, 251, 152, 0.2);
    --green100-30: rgba(0, 128, 0, 0.3);
    --green90-30: rgba(34, 139, 34, 0.3);
    --green80-30: rgba(50, 205, 50, 0.3);
    --green70-30: rgba(60, 179, 113, 0.3);
    --green60-30: rgba(46, 139, 87, 0.3);
    --green50-30: rgba(144, 238, 144, 0.3);
    --green40-30: rgba(152, 251, 152, 0.3);
    --green30-30: rgba(143, 188, 143, 0.3);
    --green20-30: rgba(32, 178, 170, 0.3);
    --green10-30: rgba(152, 251, 152, 0.3);
    --green100-40: rgba(0, 128, 0, 0.4);
    --green90-40: rgba(34, 139, 34, 0.4);
    --green80-40: rgba(50, 205, 50, 0.4);
    --green70-40: rgba(60, 179, 113, 0.4);
    --green60-40: rgba(46, 139, 87, 0.4);
    --green50-40: rgba(144, 238, 144, 0.4);
    --green40-40: rgba(152, 251, 152, 0.4);
    --green30-40: rgba(143, 188, 143, 0.4);
    --green20-40: rgba(32, 178, 170, 0.4);
    --green10-40: rgba(152, 251, 152, 0.4);
    --green100-50: rgba(0, 128, 0, 0.5);
    --green90-50: rgba(34, 139, 34, 0.5);
    --green80-50: rgba(50, 205, 50, 0.5);
    --green70-50: rgba(60, 179, 113, 0.5);
    --green60-50: rgba(46, 139, 87, 0.5);
    --green50-50: rgba(144, 238, 144, 0.5);
    --green40-50: rgba(152, 251, 152, 0.5);
    --green30-50: rgba(143, 188, 143, 0.5);
    --green20-50: rgba(32, 178, 170, 0.5);
    --green10-50: rgba(152, 251, 152, 0.5);
    --green100-60: rgba(0, 128, 0, 0.6);
    --green90-60: rgba(34, 139, 34, 0.6);
    --green80-60: rgba(50, 205, 50, 0.6);
    --green70-60: rgba(60, 179, 113, 0.6);
    --green60-60: rgba(46, 139, 87, 0.6);
    --green50-60: rgba(144, 238, 144, 0.6);
    --green40-60: rgba(152, 251, 152, 0.6);
    --green30-60: rgba(143, 188, 143, 0.6);
    --green20-60: rgba(32, 178, 170, 0.6);
    --green10-60: rgba(152, 251, 152, 0.6);
    --green100-70: rgba(0, 128, 0, 0.7);
    --green90-70: rgba(34, 139, 34, 0.7);
    --green80-70: rgba(50, 205, 50, 0.7);
    --green70-70: rgba(60, 179, 113, 0.7);
    --green60-70: rgba(46, 139, 87, 0.7);
    --green50-70: rgba(144, 238, 144, 0.7);
    --green40-70: rgba(152, 251, 152, 0.7);
    --green30-70: rgba(143, 188, 143, 0.7);
    --green20-70: rgba(32, 178, 170, 0.7);
    --green10-70: rgba(152, 251, 152, 0.7);
    --green100-80: rgba(0, 128, 0, 0.8);
    --green90-80: rgba(34, 139, 34, 0.8);
    --green80-80: rgba(50, 205, 50, 0.8);
    --green70-80: rgba(60, 179, 113, 0.8);
    --green60-80: rgba(46, 139, 87, 0.8);
    --green50-80: rgba(144, 238, 144, 0.8);
    --green40-80: rgba(152, 251, 152, 0.8);
    --green30-80: rgba(143, 188, 143, 0.8);
    --green20-80: rgba(32, 178, 170, 0.8);
    --green10-80: rgba(152, 251, 152, 0.8);
    --green100-90: rgba(0, 128, 0, 0.9);
    --green90-90: rgba(34, 139, 34, 0.9);
    --green80-90: rgba(50, 205, 50, 0.9);
    --green70-90: rgba(60, 179, 113, 0.9);
    --green60-90: rgba(46, 139, 87, 0.9);
    --green50-90: rgba(144, 238, 144, 0.9);
    --green40-90: rgba(152, 251, 152, 0.9);
    --green30-90: rgba(143, 188, 143, 0.9);
    --green20-90: rgba(32, 178, 170, 0.9);
    --green10-90: rgba(152, 251, 152, 0.9);
    /* Gray */
    --gray100: rgba(169, 169, 169, 1);
    --gray90: rgba(105, 105, 105, 1);
    --gray80: rgba(128, 128, 128, 1);
    --gray70: rgba(192, 192, 192, 1);
    --gray60: rgba(211, 211, 211, 1);
    --gray50: rgba(220, 220, 220, 1);
    --gray40: rgba(245, 245, 245, 1);
    --gray30: rgba(240, 255, 240, 1);
    --gray20: rgba(245, 255, 250, 1);
    --gray10: rgba(255, 255, 255, 1);
    /* Opacity Variant */
    --gray100-10: rgba(169, 169, 169, 0.1);
    --gray90-10: rgba(105, 105, 105, 0.1);
    --gray80-10: rgba(128, 128, 128, 0.1);
    --gray70-10: rgba(192, 192, 192, 0.1);
    --gray60-10: rgba(211, 211, 211, 0.1);
    --gray50-10: rgba(220, 220, 220, 0.1);
    --gray40-10: rgba(245, 245, 245, 0.1);
    --gray30-10: rgba(240, 255, 240, 0.1);
    --gray20-10: rgba(245, 255, 250, 0.1);
    --gray10-10: rgba(255, 255, 255, 0.1);
    --gray100-20: rgba(169, 169, 169, 0.2);
    --gray90-20: rgba(105, 105, 105, 0.2);
    --gray80-20: rgba(128, 128, 128, 0.2);
    --gray70-20: rgba(192, 192, 192, 0.2);
    --gray60-20: rgba(211, 211, 211, 0.2);
    --gray50-20: rgba(220, 220, 220, 0.2);
    --gray40-20: rgba(245, 245, 245, 0.2);
    --gray30-20: rgba(240, 255, 240, 0.2);
    --gray20-20: rgba(245, 255, 250, 0.2);
    --gray10-20: rgba(255, 255, 255, 0.2);
    --gray100-30: rgba(169, 169, 169, 0.3);
    --gray90-30: rgba(105, 105, 105, 0.3);
    --gray80-30: rgba(128, 128, 128, 0.3);
    --gray70-30: rgba(192, 192, 192, 0.3);
    --gray60-30: rgba(211, 211, 211, 0.3);
    --gray50-30: rgba(220, 220, 220, 0.3);
    --gray40-30: rgba(245, 245, 245, 0.3);
    --gray30-30: rgba(240, 255, 240, 0.3);
    --gray20-30: rgba(245, 255, 250, 0.3);
    --gray10-30: rgba(255, 255, 255, 0.3);
    --gray100-40: rgba(169, 169, 169, 0.4);
    --gray90-40: rgba(105, 105, 105, 0.4);
    --gray80-40: rgba(128, 128, 128, 0.4);
    --gray70-40: rgba(192, 192, 192, 0.4);
    --gray60-40: rgba(211, 211, 211, 0.4);
    --gray50-40: rgba(220, 220, 220, 0.4);
    --gray40-40: rgba(245, 245, 245, 0.4);
    --gray30-40: rgba(240, 255, 240, 0.4);
    --gray20-40: rgba(245, 255, 250, 0.4);
    --gray10-40: rgba(255, 255, 255, 0.4);
    --gray100-50: rgba(169, 169, 169, 0.5);
    --gray90-50: rgba(105, 105, 105, 0.5);
    --gray80-50: rgba(128, 128, 128, 0.5);
    --gray70-50: rgba(192, 192, 192, 0.5);
    --gray60-50: rgba(211, 211, 211, 0.5);
    --gray50-50: rgba(220, 220, 220, 0.5);
    --gray40-50: rgba(245, 245, 245, 0.5);
    --gray30-50: rgba(240, 255, 240, 0.5);
    --gray20-50: rgba(245, 255, 250, 0.5);
    --gray10-50: rgba(255, 255, 255, 0.5);
    --gray100-60: rgba(169, 169, 169, 0.6);
    --gray90-60: rgba(105, 105, 105, 0.6);
    --gray80-60: rgba(128, 128, 128, 0.6);
    --gray70-60: rgba(192, 192, 192, 0.6);
    --gray60-60: rgba(211, 211, 211, 0.6);
    --gray50-60: rgba(220, 220, 220, 0.6);
    --gray40-60: rgba(245, 245, 245, 0.6);
    --gray30-60: rgba(240, 255, 240, 0.6);
    --gray20-60: rgba(245, 255, 250, 0.6);
    --gray10-60: rgba(255, 255, 255, 0.6);
    --gray100-70: rgba(169, 169, 169, 0.7);
    --gray90-70: rgba(105, 105, 105, 0.7);
    --gray80-70: rgba(128, 128, 128, 0.7);
    --gray70-70: rgba(192, 192, 192, 0.7);
    --gray60-70: rgba(211, 211, 211, 0.7);
    --gray50-70: rgba(220, 220, 220, 0.7);
    --gray40-70: rgba(245, 245, 245, 0.7);
    --gray30-70: rgba(240, 255, 240, 0.7);
    --gray20-70: rgba(245, 255, 250, 0.7);
    --gray10-70: rgba(255, 255, 255, 0.7);
    --gray100-80: rgba(169, 169, 169, 0.8);
    --gray90-80: rgba(105, 105, 105, 0.8);
    --gray80-80: rgba(128, 128, 128, 0.8);
    --gray70-80: rgba(192, 192, 192, 0.8);
    --gray60-80: rgba(211, 211, 211, 0.8);
    --gray50-80: rgba(220, 220, 220, 0.8);
    --gray40-80: rgba(245, 245, 245, 0.8);
    --gray30-80: rgba(240, 255, 240, 0.8);
    --gray20-80: rgba(245, 255, 250, 0.8);
    --gray10-80: rgba(255, 255, 255, 0.8);
    --gray100-90: rgba(169, 169, 169, 0.9);
    --gray90-90: rgba(105, 105, 105, 0.9);
    --gray80-90: rgba(128, 128, 128, 0.9);
    --gray70-90: rgba(192, 192, 192, 0.9);
    --gray60-90: rgba(211, 211, 211, 0.9);
    --gray50-90: rgba(220, 220, 220, 0.9);
    --gray40-90: rgba(245, 245, 245, 0.9);
    --gray30-90: rgba(240, 255, 240, 0.9);
    --gray20-90: rgba(245, 255, 250, 0.9);
    --gray10-90: rgba(255, 255, 255, 0.9);
    /* Purple */
    --purple100: rgba(128, 0, 128, 1);
    --purple90: rgba(75, 0, 130, 1);
    --purple80: rgba(139, 0, 139, 1);
    --purple70: rgba(148, 0, 211, 1);
    --purple60: rgba(186, 85, 211, 1);
    --purple50: rgba(221, 160, 221, 1);
    --purple40: rgba(238, 130, 238, 1);
    --purple30: rgba(216, 191, 216, 1);
    --purple20: rgba(230, 230, 250, 1);
    --purple10: rgba(255, 240, 245, 1);
    /* Opacity Variant */
    --purple100-10: rgba(128, 0, 128, 0.1);
    --purple90-10: rgba(75, 0, 130, 0.1);
    --purple80-10: rgba(139, 0, 139, 0.1);
    --purple70-10: rgba(148, 0, 211, 0.1);
    --purple60-10: rgba(186, 85, 211, 0.1);
    --purple50-10: rgba(221, 160, 221, 0.1);
    --purple40-10: rgba(238, 130, 238, 0.1);
    --purple30-10: rgba(216, 191, 216, 0.1);
    --purple20-10: rgba(230, 230, 250, 0.1);
    --purple10-10: rgba(255, 240, 245, 0.1);
    --purple100-20: rgba(128, 0, 128, 0.2);
    --purple90-20: rgba(75, 0, 130, 0.2);
    --purple80-20: rgba(139, 0, 139, 0.2);
    --purple70-20: rgba(148, 0, 211, 0.2);
    --purple60-20: rgba(186, 85, 211, 0.2);
    --purple50-20: rgba(221, 160, 221, 0.2);
    --purple40-20: rgba(238, 130, 238, 0.2);
    --purple30-20: rgba(216, 191, 216, 0.2);
    --purple20-20: rgba(230, 230, 250, 0.2);
    --purple10-20: rgba(255, 240, 245, 0.2);
    --purple100-30: rgba(128, 0, 128, 0.3);
    --purple90-30: rgba(75, 0, 130, 0.3);
    --purple80-30: rgba(139, 0, 139, 0.3);
    --purple70-30: rgba(148, 0, 211, 0.3);
    --purple60-30: rgba(186, 85, 211, 0.3);
    --purple50-30: rgba(221, 160, 221, 0.3);
    --purple40-30: rgba(238, 130, 238, 0.3);
    --purple30-30: rgba(216, 191, 216, 0.3);
    --purple20-30: rgba(230, 230, 250, 0.3);
    --purple10-30: rgba(255, 240, 245, 0.3);
    --purple100-40: rgba(128, 0, 128, 0.4);
    --purple90-40: rgba(75, 0, 130, 0.4);
    --purple80-40: rgba(139, 0, 139, 0.4);
    --purple70-40: rgba(148, 0, 211, 0.4);
    --purple60-40: rgba(186, 85, 211, 0.4);
    --purple50-40: rgba(221, 160, 221, 0.4);
    --purple40-40: rgba(238, 130, 238, 0.4);
    --purple30-40: rgba(216, 191, 216, 0.4);
    --purple20-40: rgba(230, 230, 250, 0.4);
    --purple10-40: rgba(255, 240, 245, 0.4);
    --purple100-50: rgba(128, 0, 128, 0.5);
    --purple90-50: rgba(75, 0, 130, 0.5);
    --purple80-50: rgba(139, 0, 139, 0.5);
    --purple70-50: rgba(148, 0, 211, 0.5);
    --purple60-50: rgba(186, 85, 211, 0.5);
    --purple50-50: rgba(221, 160, 221, 0.5);
    --purple40-50: rgba(238, 130, 238, 0.5);
    --purple30-50: rgba(216, 191, 216, 0.5);
    --purple20-50: rgba(230, 230, 250, 0.5);
    --purple10-50: rgba(255, 240, 245, 0.5);
    --purple100-60: rgba(128, 0, 128, 0.6);
    --purple90-60: rgba(75, 0, 130, 0.6);
    --purple80-60: rgba(139, 0, 139, 0.6);
    --purple70-60: rgba(148, 0, 211, 0.6);
    --purple60-60: rgba(186, 85, 211, 0.6);
    --purple50-60: rgba(221, 160, 221, 0.6);
    --purple40-60: rgba(238, 130, 238, 0.6);
    --purple30-60: rgba(216, 191, 216, 0.6);
    --purple20-60: rgba(230, 230, 250, 0.6);
    --purple10-60: rgba(255, 240, 245, 0.6);
    --purple100-70: rgba(128, 0, 128, 0.7);
    --purple90-70: rgba(75, 0, 130, 0.7);
    --purple80-70: rgba(139, 0, 139, 0.7);
    --purple70-70: rgba(148, 0, 211, 0.7);
    --purple60-70: rgba(186, 85, 211, 0.7);
    --purple50-70: rgba(221, 160, 221, 0.7);
    --purple40-70: rgba(238, 130, 238, 0.7);
    --purple30-70: rgba(216, 191, 216, 0.7);
    --purple20-70: rgba(230, 230, 250, 0.7);
    --purple10-70: rgba(255, 240, 245, 0.7);
    --purple100-80: rgba(128, 0, 128, 0.8);
    --purple90-80: rgba(75, 0, 130, 0.8);
    --purple80-80: rgba(139, 0, 139, 0.8);
    --purple70-80: rgba(148, 0, 211, 0.8);
    --purple60-80: rgba(186, 85, 211, 0.8);
    --purple50-80: rgba(221, 160, 221, 0.8);
    --purple40-80: rgba(238, 130, 238, 0.8);
    --purple30-80: rgba(216, 191, 216, 0.8);
    --purple20-80: rgba(230, 230, 250, 0.8);
    --purple10-80: rgba(255, 240, 245, 0.8);
    --purple100-90: rgba(128, 0, 128, 0.9);
    --purple90-90: rgba(75, 0, 130, 0.9);
    --purple80-90: rgba(139, 0, 139, 0.9);
    --purple70-90: rgba(148, 0, 211, 0.9);
    --purple60-90: rgba(186, 85, 211, 0.9);
    --purple50-90: rgba(221, 160, 221, 0.9);
    --purple40-90: rgba(238, 130, 238, 0.9);
    --purple30-90: rgba(216, 191, 216, 0.9);
    --purple20-90: rgba(230, 230, 250, 0.9);
    --purple10-90: rgba(255, 240, 245, 0.9);
    /* Yellow */
    --yellow100: rgba(255, 255, 0, 1);
    --yellow90: rgba(255, 255, 102, 1);
    --yellow80: rgba(255, 255, 153, 1);
    --yellow70: rgba(255, 255, 204, 1);
    --yellow60: rgba(255, 255, 229, 1);
    --yellow50: rgba(255, 255, 240, 1);
    --yellow40: rgba(255, 250, 205, 1);
    --yellow30: rgba(255, 245, 160, 1);
    --yellow20: rgba(255, 239, 134, 1);
    --yellow10: rgba(255, 250, 205, 1);
    /* Opacity Variant */
    /* Yellow */
    --yellow100-10: rgba(255, 255, 0, 0.1);
    --yellow90-10: rgba(255, 255, 102, 0.1);
    --yellow80-10: rgba(255, 255, 153, 0.1);
    --yellow70-10: rgba(255, 255, 204, 0.1);
    --yellow60-10: rgba(255, 255, 229, 0.1);
    --yellow50-10: rgba(255, 255, 240, 0.1);
    --yellow40-10: rgba(255, 250, 205, 0.1);
    --yellow30-10: rgba(255, 245, 160, 0.1);
    --yellow20-10: rgba(255, 239, 134, 0.1);
    --yellow10-10: rgba(255, 250, 205, 0.1);
    --yellow100-20: rgba(255, 255, 0, 0.2);
    --yellow90-20: rgba(255, 255, 102, 0.2);
    --yellow80-20: rgba(255, 255, 153, 0.2);
    --yellow70-20: rgba(255, 255, 204, 0.2);
    --yellow60-20: rgba(255, 255, 229, 0.2);
    --yellow50-20: rgba(255, 255, 240, 0.2);
    --yellow40-20: rgba(255, 250, 205, 0.2);
    --yellow30-20: rgba(255, 245, 160, 0.2);
    --yellow20-20: rgba(255, 239, 134, 0.2);
    --yellow10-20: rgba(255, 250, 205, 0.2);
    --yellow100-30: rgba(255, 255, 0, 0.3);
    --yellow90-30: rgba(255, 255, 102, 0.3);
    --yellow80-30: rgba(255, 255, 153, 0.3);
    --yellow70-30: rgba(255, 255, 204, 0.3);
    --yellow60-30: rgba(255, 255, 229, 0.3);
    --yellow50-30: rgba(255, 255, 240, 0.3);
    --yellow40-30: rgba(255, 250, 205, 0.3);
    --yellow30-30: rgba(255, 245, 160, 0.3);
    --yellow20-30: rgba(255, 239, 134, 0.3);
    --yellow10-30: rgba(255, 250, 205, 0.3);
    --yellow100-40: rgba(255, 255, 0, 0.4);
    --yellow90-40: rgba(255, 255, 102, 0.4);
    --yellow80-40: rgba(255, 255, 153, 0.4);
    --yellow70-40: rgba(255, 255, 204, 0.4);
    --yellow60-40: rgba(255, 255, 229, 0.4);
    --yellow50-40: rgba(255, 255, 240, 0.4);
    --yellow40-40: rgba(255, 250, 205, 0.4);
    --yellow30-40: rgba(255, 245, 160, 0.4);
    --yellow20-40: rgba(255, 239, 134, 0.4);
    --yellow10-40: rgba(255, 250, 205, 0.4);
    --yellow100-50: rgba(255, 255, 0, 0.5);
    --yellow90-50: rgba(255, 255, 102, 0.5);
    --yellow80-50: rgba(255, 255, 153, 0.5);
    --yellow70-50: rgba(255, 255, 204, 0.5);
    --yellow60-50: rgba(255, 255, 229, 0.5);
    --yellow50-50: rgba(255, 255, 240, 0.5);
    --yellow40-50: rgba(255, 250, 205, 0.5);
    --yellow30-50: rgba(255, 245, 160, 0.5);
    --yellow20-50: rgba(255, 239, 134, 0.5);
    --yellow10-50: rgba(255, 250, 205, 0.5);
    --yellow100-60: rgba(255, 255, 0, 0.6);
    --yellow90-60: rgba(255, 255, 102, 0.6);
    --yellow80-60: rgba(255, 255, 153, 0.6);
    --yellow70-60: rgba(255, 255, 204, 0.6);
    --yellow60-60: rgba(255, 255, 229, 0.6);
    --yellow50-60: rgba(255, 255, 240, 0.6);
    --yellow40-60: rgba(255, 250, 205, 0.6);
    --yellow30-60: rgba(255, 245, 160, 0.6);
    --yellow20-60: rgba(255, 239, 134, 0.6);
    --yellow10-60: rgba(255, 250, 205, 0.6);
    --yellow100-70: rgba(255, 255, 0, 0.7);
    --yellow90-70: rgba(255, 255, 102, 0.7);
    --yellow80-70: rgba(255, 255, 153, 0.7);
    --yellow70-70: rgba(255, 255, 204, 0.7);
    --yellow60-70: rgba(255, 255, 229, 0.7);
    --yellow50-70: rgba(255, 255, 240, 0.7);
    --yellow40-70: rgba(255, 250, 205, 0.7);
    --yellow30-70: rgba(255, 245, 160, 0.7);
    --yellow20-70: rgba(255, 239, 134, 0.7);
    --yellow10-70: rgba(255, 250, 205, 0.7);
    --yellow100-80: rgba(255, 255, 0, 0.8);
    --yellow90-80: rgba(255, 255, 102, 0.8);
    --yellow80-80: rgba(255, 255, 153, 0.8);
    --yellow70-80: rgba(255, 255, 204, 0.8);
    --yellow60-80: rgba(255, 255, 229, 0.8);
    --yellow50-80: rgba(255, 255, 240, 0.8);
    --yellow40-80: rgba(255, 250, 205, 0.8);
    --yellow30-80: rgba(255, 245, 160, 0.8);
    --yellow20-80: rgba(255, 239, 134, 0.8);
    --yellow10-80: rgba(255, 250, 205, 0.8);
    --yellow100-90: rgba(255, 255, 0, 0.9);
    --yellow90-90: rgba(255, 255, 102, 0.9);
    --yellow80-90: rgba(255, 255, 153, 0.9);
    --yellow70-90: rgba(255, 255, 204, 0.9);
    --yellow60-90: rgba(255, 255, 229, 0.9);
    --yellow50-90: rgba(255, 255, 240, 0.9);
    --yellow40-90: rgba(255, 250, 205, 0.9);
    --yellow30-90: rgba(255, 245, 160, 0.9);
    --yellow20-90: rgba(255, 239, 134, 0.9);
    --yellow10-90: rgba(255, 250, 205, 0.9);
    /* Font sizes */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 4rem;
    /* Line Heights */
    --line-height-xs: 1rem;
    --line-height-sm: 1.25rem;
    --line-height-md: 1.5rem;
    --line-height-lg: 1.75rem;
    --line-height-xl: 2rem;
    --line-height-2xl: 2.5rem;
    --line-height-3xl: 3rem;
    --line-height-4xl: 3.5rem;
    --line-height-5xl: 4rem;
    --line-height-6xl: 5rem;
}


/* Variables */


/* Display Modes */

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}


/* Padding */

.p-1 {
    padding: 1px;
}

.p-2 {
    padding: 2px;
}

.p-3 {
    padding: 3px;
}

.p-4 {
    padding: 4px;
}

.p-5 {
    padding: 5px;
}

.p-6 {
    padding: 6px;
}

.p-7 {
    padding: 7px;
}

.p-8 {
    padding: 8px;
}

.p-9 {
    padding: 9px;
}

.p-10 {
    padding: 10px;
}

.p-11 {
    padding: 11px;
}

.p-12 {
    padding: 12px;
}

.p-13 {
    padding: 13px;
}

.p-14 {
    padding: 14px;
}

.p-15 {
    padding: 15px;
}

.p-16 {
    padding: 16px;
}

.p-17 {
    padding: 17px;
}

.p-18 {
    padding: 18px;
}

.p-19 {
    padding: 19px;
}

.p-20 {
    padding: 20px;
}

.p-21 {
    padding: 21px;
}

.p-22 {
    padding: 22px;
}

.p-23 {
    padding: 23px;
}

.p-24 {
    padding: 24px;
}

.p-25 {
    padding: 25px;
}

.p-26 {
    padding: 26px;
}

.p-27 {
    padding: 27px;
}

.p-28 {
    padding: 28px;
}

.p-29 {
    padding: 29px;
}

.p-30 {
    padding: 30px;
}

.p-31 {
    padding: 31px;
}

.p-32 {
    padding: 32px;
}

.p-33 {
    padding: 33px;
}

.p-34 {
    padding: 34px;
}

.p-35 {
    padding: 35px;
}

.p-36 {
    padding: 36px;
}

.p-37 {
    padding: 37px;
}

.p-38 {
    padding: 38px;
}

.p-39 {
    padding: 39px;
}

.p-40 {
    padding: 40px;
}

.p-41 {
    padding: 41px;
}

.p-42 {
    padding: 42px;
}

.p-43 {
    padding: 43px;
}

.p-44 {
    padding: 44px;
}

.p-45 {
    padding: 45px;
}

.p-46 {
    padding: 46px;
}

.p-47 {
    padding: 47px;
}

.p-48 {
    padding: 48px;
}

.p-49 {
    padding: 49px;
}

.p-50 {
    padding: 50px;
}

.pt-1 {
    padding-top: 1px;
}

.pt-2 {
    padding-top: 2px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-9 {
    padding-top: 9px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-11 {
    padding-top: 11px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-13 {
    padding-top: 13px;
}

.pt-14 {
    padding-top: 14px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-17 {
    padding-top: 17px;
}

.pt-18 {
    padding-top: 18px;
}

.pt-19 {
    padding-top: 19px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-21 {
    padding-top: 21px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-23 {
    padding-top: 23px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-26 {
    padding-top: 26px;
}

.pt-27 {
    padding-top: 27px;
}

.pt-28 {
    padding-top: 28px;
}

.pt-29 {
    padding-top: 29px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-31 {
    padding-top: 31px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-33 {
    padding-top: 33px;
}

.pt-34 {
    padding-top: 34px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-36 {
    padding-top: 36px;
}

.pt-37 {
    padding-top: 37px;
}

.pt-38 {
    padding-top: 38px;
}

.pt-39 {
    padding-top: 39px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-41 {
    padding-top: 41px;
}

.pt-42 {
    padding-top: 42px;
}

.pt-43 {
    padding-top: 43px;
}

.pt-44 {
    padding-top: 44px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-46 {
    padding-top: 46px;
}

.pt-47 {
    padding-top: 47px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-49 {
    padding-top: 49px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-1 {
    padding-bottom: 1px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-6 {
    padding-bottom: 6px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-9 {
    padding-bottom: 9px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-11 {
    padding-bottom: 11px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-13 {
    padding-bottom: 13px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-17 {
    padding-bottom: 17px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-19 {
    padding-bottom: 19px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-21 {
    padding-bottom: 21px;
}

.pb-22 {
    padding-bottom: 22px;
}

.pb-23 {
    padding-bottom: 23px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-26 {
    padding-bottom: 26px;
}

.pb-27 {
    padding-bottom: 27px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-29 {
    padding-bottom: 29px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-31 {
    padding-bottom: 31px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-33 {
    padding-bottom: 33px;
}

.pb-34 {
    padding-bottom: 34px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-36 {
    padding-bottom: 36px;
}

.pb-37 {
    padding-bottom: 37px;
}

.pb-38 {
    padding-bottom: 38px;
}

.pb-39 {
    padding-bottom: 39px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-41 {
    padding-bottom: 41px;
}

.pb-42 {
    padding-bottom: 42px;
}

.pb-43 {
    padding-bottom: 43px;
}

.pb-44 {
    padding-bottom: 44px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-46 {
    padding-bottom: 46px;
}

.pb-47 {
    padding-bottom: 47px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-49 {
    padding-bottom: 49px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pr-1 {
    padding-right: 1px;
}

.pr-2 {
    padding-right: 2px;
}

.pr-3 {
    padding-right: 3px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-7 {
    padding-right: 7px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-9 {
    padding-right: 9px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-11 {
    padding-right: 11px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-13 {
    padding-right: 13px;
}

.pr-14 {
    padding-right: 14px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-16 {
    padding-right: 16px;
}

.pr-17 {
    padding-right: 17px;
}

.pr-18 {
    padding-right: 18px;
}

.pr-19 {
    padding-right: 19px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-21 {
    padding-right: 21px;
}

.pr-22 {
    padding-right: 22px;
}

.pr-23 {
    padding-right: 23px;
}

.pr-24 {
    padding-right: 24px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-26 {
    padding-right: 26px;
}

.pr-27 {
    padding-right: 27px;
}

.pr-28 {
    padding-right: 28px;
}

.pr-29 {
    padding-right: 29px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-31 {
    padding-right: 31px;
}

.pr-32 {
    padding-right: 32px;
}

.pr-33 {
    padding-right: 33px;
}

.pr-34 {
    padding-right: 34px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-36 {
    padding-right: 36px;
}

.pr-37 {
    padding-right: 37px;
}

.pr-38 {
    padding-right: 38px;
}

.pr-39 {
    padding-right: 39px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-41 {
    padding-right: 41px;
}

.pr-42 {
    padding-right: 42px;
}

.pr-43 {
    padding-right: 43px;
}

.pr-44 {
    padding-right: 44px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-46 {
    padding-right: 46px;
}

.pr-47 {
    padding-right: 47px;
}

.pr-48 {
    padding-right: 48px;
}

.pr-49 {
    padding-right: 49px;
}

.pr-50 {
    padding-right: 50px;
}

.pl-1 {
    padding-left: 1px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-3 {
    padding-left: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pl-7 {
    padding-left: 7px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-9 {
    padding-left: 9px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-11 {
    padding-left: 11px;
}

.pl-12 {
    padding-left: 12px;
}

.pl-13 {
    padding-left: 13px;
}

.pl-14 {
    padding-left: 14px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-17 {
    padding-left: 17px;
}

.pl-18 {
    padding-left: 18px;
}

.pl-19 {
    padding-left: 19px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-21 {
    padding-left: 21px;
}

.pl-22 {
    padding-left: 22px;
}

.pl-23 {
    padding-left: 23px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-26 {
    padding-left: 26px;
}

.pl-27 {
    padding-left: 27px;
}

.pl-28 {
    padding-left: 28px;
}

.pl-29 {
    padding-left: 29px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-31 {
    padding-left: 31px;
}

.pl-32 {
    padding-left: 32px;
}

.pl-33 {
    padding-left: 33px;
}

.pl-34 {
    padding-left: 34px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-36 {
    padding-left: 36px;
}

.pl-37 {
    padding-left: 37px;
}

.pl-38 {
    padding-left: 38px;
}

.pl-39 {
    padding-left: 39px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-41 {
    padding-left: 41px;
}

.pl-42 {
    padding-left: 42px;
}

.pl-43 {
    padding-left: 43px;
}

.pl-44 {
    padding-left: 44px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-46 {
    padding-left: 46px;
}

.pl-47 {
    padding-left: 47px;
}

.pl-48 {
    padding-left: 48px;
}

.pl-49 {
    padding-left: 49px;
}

.pl-50 {
    padding-left: 50px;
}


/* Margin */

.m-1 {
    margin: 1px;
}

.m-2 {
    margin: 2px;
}

.m-3 {
    margin: 3px;
}

.m-4 {
    margin: 4px;
}

.m-5 {
    margin: 5px;
}

.m-6 {
    margin: 6px;
}

.m-7 {
    margin: 7px;
}

.m-8 {
    margin: 8px;
}

.m-9 {
    margin: 9px;
}

.m-10 {
    margin: 10px;
}

.m-11 {
    margin: 11px;
}

.m-12 {
    margin: 12px;
}

.m-13 {
    margin: 13px;
}

.m-14 {
    margin: 14px;
}

.m-15 {
    margin: 15px;
}

.m-16 {
    margin: 16px;
}

.m-17 {
    margin: 17px;
}

.m-18 {
    margin: 18px;
}

.m-19 {
    margin: 19px;
}

.m-20 {
    margin: 20px;
}

.m-21 {
    margin: 21px;
}

.m-22 {
    margin: 22px;
}

.m-23 {
    margin: 23px;
}

.m-24 {
    margin: 24px;
}

.m-25 {
    margin: 25px;
}

.m-26 {
    margin: 26px;
}

.m-27 {
    margin: 27px;
}

.m-28 {
    margin: 28px;
}

.m-29 {
    margin: 29px;
}

.m-30 {
    margin: 30px;
}

.m-31 {
    margin: 31px;
}

.m-32 {
    margin: 32px;
}

.m-33 {
    margin: 33px;
}

.m-34 {
    margin: 34px;
}

.m-35 {
    margin: 35px;
}

.m-36 {
    margin: 36px;
}

.m-37 {
    margin: 37px;
}

.m-38 {
    margin: 38px;
}

.m-39 {
    margin: 39px;
}

.m-40 {
    margin: 40px;
}

.m-41 {
    margin: 41px;
}

.m-42 {
    margin: 42px;
}

.m-43 {
    margin: 43px;
}

.m-44 {
    margin: 44px;
}

.m-45 {
    margin: 45px;
}

.m-46 {
    margin: 46px;
}

.m-47 {
    margin: 47px;
}

.m-48 {
    margin: 48px;
}

.m-49 {
    margin: 49px;
}

.m-50 {
    margin: 50px;
}

.mt-1 {
    margin-top: 1px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-11 {
    margin-top: 11px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-13 {
    margin-top: 13px;
}

.mt-14 {
    margin-top: 14px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-17 {
    margin-top: 17px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-19 {
    margin-top: 19px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-21 {
    margin-top: 21px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-27 {
    margin-top: 27px;
}

.mt-28 {
    margin-top: 28px;
}

.mt-29 {
    margin-top: 29px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-31 {
    margin-top: 31px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-33 {
    margin-top: 33px;
}

.mt-34 {
    margin-top: 34px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-36 {
    margin-top: 36px;
}

.mt-37 {
    margin-top: 37px;
}

.mt-38 {
    margin-top: 38px;
}

.mt-39 {
    margin-top: 39px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-41 {
    margin-top: 41px;
}

.mt-42 {
    margin-top: 42px;
}

.mt-43 {
    margin-top: 43px;
}

.mt-44 {
    margin-top: 44px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-46 {
    margin-top: 46px;
}

.mt-47 {
    margin-top: 47px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-49 {
    margin-top: 49px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-1 {
    margin-bottom: 1px;
}

.mb-2 {
    margin-bottom: 2px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-7 {
    margin-bottom: 7px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-9 {
    margin-bottom: 9px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-11 {
    margin-bottom: 11px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-13 {
    margin-bottom: 13px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-17 {
    margin-bottom: 17px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-19 {
    margin-bottom: 19px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-21 {
    margin-bottom: 21px;
}

.mb-22 {
    margin-bottom: 22px;
}

.mb-23 {
    margin-bottom: 23px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-26 {
    margin-bottom: 26px;
}

.mb-27 {
    margin-bottom: 27px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mb-29 {
    margin-bottom: 29px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-31 {
    margin-bottom: 31px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-33 {
    margin-bottom: 33px;
}

.mb-34 {
    margin-bottom: 34px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-36 {
    margin-bottom: 36px;
}

.mb-37 {
    margin-bottom: 37px;
}

.mb-38 {
    margin-bottom: 38px;
}

.mb-39 {
    margin-bottom: 39px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-41 {
    margin-bottom: 41px;
}

.mb-42 {
    margin-bottom: 42px;
}

.mb-43 {
    margin-bottom: 43px;
}

.mb-44 {
    margin-bottom: 44px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-46 {
    margin-bottom: 46px;
}

.mb-47 {
    margin-bottom: 47px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-49 {
    margin-bottom: 49px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-1 {
    margin-left: 1px;
}

.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-7 {
    margin-left: 7px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-9 {
    margin-left: 9px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-11 {
    margin-left: 11px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-13 {
    margin-left: 13px;
}

.ml-14 {
    margin-left: 14px;
}

.ml-15 {
    margin