:root {
    --red-1: #201817;
    --red-2: #261918;
    --red-3: #401817;
    --red-4: #551416;
    --red-5: #641a1c;
    --red-6: #752527;
    --red-7: #8d3535;
    --red-8: #b64546;
    --red-9: #e5484d;
    --red-10: #d63941;
    --red-11: #ff8f8b;
    --red-12: #ffd2ce;
    --red-a1: rgba(245, 0, 0, .027);
    --red-a2: rgba(245, 8, 0, .055);
    --red-a3: rgba(252, 15, 0, .17);
    --red-a4: rgba(254, 3, 5, .26);
    --red-a5: rgba(253, 26, 28, .325);
    --red-a6: rgba(253, 53, 56, .4);
    --red-a7: rgba(254, 80, 78, .506);
    --red-a8: rgba(255, 90, 90, .682);
    --red-a9: rgba(254, 78, 83, .89);
    --red-a10: rgba(254, 63, 73, .824);
    --red-a11: #ff8f8b;
    --red-a12: #ffd2ce;
    --red-contrast: #fff;
    --red-surface: rgba(50, 25, 21, .5);
    --red-indicator: #e5484d;
    --red-track: #e5484d;
}
:root {
    --yellow-1: #1d1a14;
    --yellow-2: #231f16;
    --yellow-3: #32280d;
    --yellow-4: #3f2f00;
    --yellow-5: #4b3800;
    --yellow-6: #574403;
    --yellow-7: #695516;
    --yellow-8: #846b1e;
    --yellow-9: #fc0;
    --yellow-10: #f5c200;
    --yellow-11: #ffcf0f;
    --yellow-12: #fce9b2;
    --yellow-a1: rgba(218, 26, 0, .016);
    --yellow-a2: rgba(235, 142, 0, .043);
    --yellow-a3: rgba(253, 159, 0, .106);
    --yellow-a4: rgba(251, 154, 0, .165);
    --yellow-a5: rgba(254, 166, 0, .216);
    --yellow-a6: rgba(255, 184, 0, .267);
    --yellow-a7: rgba(255, 197, 11, .345);
    --yellow-a8: rgba(253, 200, 33, .467);
    --yellow-a9: #fc0;
    --yellow-a10: rgba(255, 202, 0, .957);
    --yellow-a11: #ffcf0f;
    --yellow-a12: rgba(255, 236, 180, .99);
    --yellow-contrast: #292109;
    --yellow-surface: rgba(44, 36, 17, .5);
    --yellow-indicator: #fc0;
    --yellow-track: #fc0;
}

:root {
    --gray-1: #191a1c;
    --gray-2: #202123;
    --gray-3: #29292c;
    --gray-4: #2e2f33;
    --gray-5: #34353a;
    --gray-6: #3c3d43;
    --gray-7: #484951;
    --gray-8: #5f616b;
    --gray-9: #6d6e79;
    --gray-10: #7a7b86;
    --gray-11: #b2b3bd;
    --gray-12: #eeeef0;
    --gray-a1: rgba(0, 26, 196, .01);
    --gray-a2: rgba(166, 189, 235, .043);
    --gray-a3: rgba(209, 209, 245, .082);
    --gray-a4: rgba(209, 218, 254, .11);
    --gray-a5: rgba(211, 218, 253, .14);
    --gray-a6: rgba(215, 221, 254, .18);
    --gray-a7: rgba(215, 220, 252, .243);
    --gray-a8: rgba(219, 225, 253, .357);
    --gray-a9: rgba(226, 229, 255, .416);
    --gray-a10: rgba(228, 230, 253, .475);
    --gray-a11: rgba(239, 241, 255, .714);
    --gray-a12: rgba(252, 252, 254, .937);
    --gray-contrast: #fff;
    --gray-surface: rgba(0, 0, 0, .05);
    --gray-indicator: #6d6e79;
    --gray-track: #6d6e79;
}
:root {
    --ifm-color-primary: #f93;
    --ifm-color-primary-dark: #ff8a14;
    --ifm-color-primary-darker: #ff8205;
    --ifm-color-primary-darkest: #d66b00;
    --ifm-color-primary-light: #ffa852;
    --ifm-color-primary-lighter: #ffb061;
    --ifm-color-primary-lightest: #ffc78f;
    --ifm-code-font-size: 95%;
    --ui-selector-background: rgba(0, 98, 255, .2);
    --ui-selector-active: #0062ff;
    --ui-selector-active-border: #4b8ffa;
    --ui-selector-inactive: #5f5f5f;
    --ui-selector-inactive-border: #747474;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, .1);
    --ifm-background-color: #1a1a1a;
    --ifm-font-color-base: #fff;
    --ifm-heading-color: #ddd;
    --ifm-toc-border-color: #484848;
    --ifm-navbar-height: 110px;
    --ifm-h4-font-size: 1.1rem;
    --ifm-container-width-xl: 1200px;
    --ifm-container-max-width: 1000px;
    --ifm-navbar-background-color: #191a1c;
    --doc-sidebar-width: 308px;
    --ifm-menu-color-active: #5f616b;
    --ifm-menu-color-background-active: #202123;
    --ifm-menu-color-background-hover: #202123;
    --ifm-menu-color: #a5a5a5;
    --ifm-color-success-dark: #269347;
    --ifm-color-info-dark: #0062e1;
    --ifm-color-note-dark: #adadad;
    --ifm-color-warning-dark: #fc0;
    --ifm-color-success-contrast-background: #1c3225 !important;
    --ifm-color-info-contrast-background: #142843 !important;
    --ifm-color-not-contrast-background: #373739 !important;
    --ifm-color-warning-contrast-background: #483e15 !important;
}
:root {
    --color-background: #1a1a1a;
    --orange-1: #1e1915;
    --orange-2: #251c15;
    --orange-3: #382310;
    --orange-4: #4c2400;
    --orange-5: #582c00;
    --orange-6: #663807;
    --orange-7: #7c4915;
    --orange-8: #9f5c19;
    --orange-9: #f93;
    --orange-10: #f38e23;
    --orange-11: #ffa13e;
    --orange-12: #ffdfc4;
    --orange-a1: rgba(231, 0, 0, .02);
    --orange-a2: rgba(242, 66, 0, .05);
    --orange-a3: rgba(251, 93, 0, .133);
    --orange-a4: rgba(254, 72, 0, .22);
    --orange-a5: rgba(252, 92, 0, .275);
    --orange-a6: rgba(254, 116, 0, .333);
    --orange-a7: rgba(253, 135, 15, .43);
    --orange-a8: rgba(254, 139, 25, .584);
    --orange-a9: #f93;
    --orange-a10: rgba(255, 149, 36, .95);
    --orange-a11: #ffa13e;
    --orange-a12: #ffdfc4;
    --orange-contrast: #fff;
    --orange-surface: rgba(48, 30, 17, .5);
    --orange-indicator: #f93;
    --orange-track: #f93;
}

.electrician {
    background: #1a1a1c!important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ddd;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight:700;
    line-height: 1.25rem;
}


h2 {
    font-size: 2rem;
}

.card {
    background-color: rgba(166,189,235,.043);
    border: 1px solid #383838;
}
.card .card-title {
    color: #ffa13e;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight:700;
    line-height: 1.25rem;
}
.card .card-text {
    color: rgba(239,241,255,.714);
    font-size: calc(14px* var(-1));
    line-height: calc(20px* var(1));
    letter-spacing: 0em;
}
.normal-text {
    color: rgba(239,241,255,.714);
    font-size: calc(14px* var(-1));
    line-height: calc(20px* var(1));
    letter-spacing: 0em;
}
.normal-title {
    color: #ffa13e;
}
.footer {
    border-top: 1px solid #383838;
    color: rgba(239,241,255,.714);
}

.bg-gradient {
    background-image: linear-gradient(to right top, #57424d, #4f3c4b, #453649, #3a3147, #2d2c44, #242c44, #192c44, #0b2c42, #013042, #003440, #07383d, #133b39)!important;
    /* background-image: linear-gradient(to right top, #57424d, #4c3d49, #413745, #36323f, #2c2d38, #292c39, #252b39, #202a3a, #202d43, #1f304c, #1f3255, #20355e)!important; */
    /* background-image: linear-gradient(to right top, #57424d, #4c3e4a, #413a45, #37363f, #2f3138, #2c3038, #292e38, #262d38, #252f3f, #253146, #24334e, #243555)!important; */
    /* background-image: linear-gradient(to right top, #57424d, #4c3e4a, #413a45, #37363f, #2f3138, #2c2f35, #2a2d32, #282b2f, #292b2f, #2a2c30, #2a2c30, #2b2d30)!important; */
    /* background-image: linear-gradient(to right top, #57424d, #4c3e4a, #413a45, #37363f, #2f3138, #2c2e34, #282a2f, #25272b, #232529, #212327, #202225, #1e2023)!important; */
}
.card-title i {
    color: #fff;
}
hr{
    color: #ffa13e!important;
}