:root { --app-header-bg: #277696; --app-header-link: #f58470; --app-header-link2: #821a08; --app-footer-bg: #277696; --app-footer-link: #f58470; --app-footer-link2: #821a08; --app-font: "Cinzel", cursive; --app-font-2: "Lato", sans-serif; --app-color-link: #dd3a1d; --app-color-link2: #971d07; --app-color-1: #dca628; --app-color-2: #575757; --app-color-3: #fafafa; --app-color-4: #2c3e50; --app-color-5: #f0ead6; --app-color-6: #6dba96; --app-color-7: #c48a64; --app-color-8: #a06477; --app-color-body: #f7fbfd; --app-color-light: #eeeeee; --app-color-dark: #141414; --app-color-valid: #dca628; --app-color-valid2: #c18e1f; --app-color-delete: #ef4444; --app-color-delete2: #b91c1c; --app-color-cancel: #d4810c; --app-color-cancel2: #925807; --app-color-show: #60a5fa; --app-color-show2: #2563eb; --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.3s; --trans-2: 1s; --trans-3: 1.5s; --trans-4: 3s; --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%; }.gr-1{background: #F8DD52;
background: radial-gradient(circle, rgba(248, 221, 82, 1) 0%, rgba(220, 166, 40, 1) 100%);}.gr-2{background: #787878;
background: radial-gradient(circle,rgba(120, 120, 120, 1) 0%, rgba(87, 87, 87, 1) 100%);}.body-back{background-image: url('https://images.unsplash.com/photo-1622372738946-62e02505feb3?q=80&w=832&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')}header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 3000;
}.theme-form textarea{width:100%;font-family:"Source Serif Pro",serif;font-size:large;padding:8px;border-radius:8px;margin:8px 0 12px;min-height:120px;max-height:800px}.theme-form input::placeholder,.theme-form textarea::placeholder{color:var(--app-color-dark)}.theme-form #togglePassword,.theme-form input,.theme-form select{width:100%;font-size:large;border-radius:8px;font-family:"Source Serif Pro",serif;padding:8px;margin:8px 0 12px;border:1px solid}.theme-form #togglePassword{width:fit-content}.theme-form input[type=checkbox]{width:fit-content;box-shadow:none}.theme-form input:focus,.theme-form textarea:focus{outline:var(--app-color-1) solid 2px}