:root { --app-header-bg: #eeeeee; --app-header-link: #718c55; --app-header-link2: #d6b01c; --app-footer-bg: #eeeeee; --app-footer-link: #718c55; --app-footer-link2: #d6b01c; --app-font: "Montserrat", sans-serif; --app-font-2: "Questrial", sans-serif; --app-color-link: #d14f23; --app-color-link2: #971d07; --app-color-1: #295336; --app-color-2: #b5ac3a; --app-color-3: #b2c4c8; --app-color-4: #901c1f; --app-color-5: #f0c37d; --app-color-6: #8865a6; --app-color-7: #e35b3d; --app-color-8: #d8b21e; --app-color-body: #ffffff; --app-color-light: #eeeeee; --app-color-dark: #141414; --app-color-valid: #728c55; --app-color-valid2: #5b7043; --app-color-delete: #d73737; --app-color-delete2: #b92222; --app-color-cancel: #d8b21e; --app-color-cancel2: #ba9b1c; --app-color-show: #60ccfb; --app-color-show2: #4aaad3; --svg-base-size: 16px; --svg-size-1: 12px; --svg-size-2: 24px; --svg-size-3: 48px; --app-size-1: 1em; --app-size-2: 1.5em; --app-size-3: 2em; --border-width-1: 0.5px; --border-width-2: 2px; --border-width-3: 5px; --rad-1: 4px; --rad-2: 12px; --rad-3: 24px; --trans-1: 0.2s; --trans-2: 0.4s; --trans-3: 0.5s; --trans-4: 1s; --trans-del-1: 0.2s; --trans-del-2: 0.4s; --trans-del-3: 0.5s; --trans-del-4: 0.6s; --scale-1: 0.75; --scale-2: 1.05; --scale-3: 1.25; --scale-4: 1.35; --percent-pos-1: 5%; --percent-pos-2: 10%; --percent-pos-3: 20%; }