@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Rubik:ital,wght@0,500;1,500&display=swap');
            :root {
            --app-font: "Roboto Slab", serif;
            --app-font-2: "Rubik", sans-serif;
            --app-header-bg: #012e40;
            --app-header-link: #54a1e8;
            --app-header-link2: #68e1fd;
            --app-footer-bg: #012e40;
            --app-footer-link: #54a1e8;
            --app-footer-link2: #68e1fd;
            --app-color-1: #68e1fd;
            --app-color-2: #54a1e8;
            --app-color-3: #012e40;
            --app-color-4: #011c26;
            --app-color-5: #cc6cf9;
            --app-color-6: #483048;
            --app-color-7: #d12e2e;
            --app-color-8: #ad2e61;
            --app-color-body: #043553;
            --app-color-light: #eeeeee;
            --app-color-dark: #141414;
            --app-color-link: #c2a87b;
            --app-color-link2: #cebca3;
            --app-color-valid: #22c55e;
            --app-color-valid2: #16a34a;
            --app-color-delete: #ef4444;
            --app-color-delete2: #b91c1c;
            --app-color-cancel: #012e40;
            --app-color-cancel2: #011c26;
            --app-color-show: #60a5fa;
            --app-color-show2: #2563eb;
            --svg-base-size: 16px;
            --svg-size-1: 12px;
            --svg-size-2: 24px;
            --svg-size-3: 80%;
            --app-size-1: 1em;
            --app-size-2: 1.5em;
            --app-size-3: 2em;
            --percent-pos-1: 5%;
            --percent-pos-2: 10%;
            --percent-pos-3: 20%;
            --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;
            }
            .bx-sh-1 { box-shadow: 0px 10px 25px -6px #63D1EC; }
            .bx-sh-2 { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
            .tx-sh-2 { text-shadow: 2px 2px 5px red; }
            .tx-sh-2 { -webkit-text-stroke: 1px var(--app-color-1);
text-shadow: #FFF 0px 0px 5px, var(--app-color-2) 0px 0px 10px, var(--app-color-2) 0px 0px 15px, var(--app-color-2) 0px 0px 20px, var(--app-color-2) 0px 0px 30px, var(--app-color-2) 0px 0px 40px, var(--app-color-2) 0px 0px 50px, var(--app-color-2) 0px 0px 75px; }
            .gr-1 { background: rgb(21,28,87);
background: linear-gradient(180deg, rgba(21,28,87,0) 0%, rgba(21,28,87,0.7764355742296919) 25%, rgba(30,41,59,1) 100%); }
            .gr-2 { background: hsla(303, 79%, 76%, 1);
background: linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F292ED", endColorstr="#F36364", GradientType=1 ); }