:root { --app-header-bg: #ffffff; --app-header-link: #d08216; --app-header-link2: #845615; --app-footer-bg: #277696; --app-footer-link: #f58470; --app-footer-link2: #821a08; --app-font: "Satisfy", cursive; --app-font-2: "Open Sans", sans-serif; --app-color-link: #dd3a1d; --app-color-link2: #971d07; --app-color-1: #d95417; --app-color-2: #e37e7f; --app-color-3: #df7358; --app-color-4: #c0680b; --app-color-5: #f4dc0c; --app-color-6: #6eb180; --app-color-7: #b261f5; --app-color-8: #e552a0; --app-color-body: #f7fbfd; --app-color-light: #f7fbfd; --app-color-dark: #141414; --app-color-valid: #d95417; --app-color-valid2: #b94513; --app-color-delete: #ef4444; --app-color-delete2: #b91c1c; --app-color-cancel: #d4810c; --app-color-cancel2: #925807; --app-color-show: #60ccfb; --app-color-show2: #1f4fb7; --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: 6px; --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%; }.theme-form {
    font-family: "Source Serif Pro", serif;
    font-size: large;
}

.theme-form input::placeholder,
.theme-form textarea::placeholder {
    color: var(--app-color-dark)
}

#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
}

#togglePassword {
    width: fit-content
}

input[type=checkbox] {
    width: fit-content;
    box-shadow: none
}

input:focus,
textarea:focus {
    outline: var(--app-color-1) solid 2px
}
