@import url('base.css?2023-05-16');
@import url('urt-ui.css?2023-05-16');
@import url('landing.css?2023-05-16');

:root {
    --school: #8A86CA;
    --school-dark: #8A86CA;
    --bboard: #A7D20C;
    --shirt: #fdffa9;

    --ugra: #ff7a00;
    --ugra-u: #ff7a0066;
    --a:    #023e72;
    --au:   #023e7244;

    --dark-bg: #333333;

    --inv-a: #2f98f2;
    --inv-au: #2f98f244;

    --warn: #eb0300;
    --good: #babc16;

    --bck: var(--ugra);
    --txt: #000000;
    --txtu:#00000044;
    --acc: #000000cc;

    --block-bck: #ffffff;
    --block-txt: #000000;

    --neutral-bck: #efefef;

    --sbase: 16px;

    --sh-fg-txt: 0 2px 0 0 #00000022;
    --width: 1000px;

     accent-color: var(--ugra);
}

.preparation, .main-grid {
    --txt: #fff;
    --txtu: #fff4;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    max-width: var(--width);
    margin: 0 auto;
    font-size: var(--sbase);
    background: var(--neutral-bck);
    line-height: 1.3em;
    font-size: 13px;
    font-family: Inter, sans-serif !important;
    font-feature-settings: 'kern' 1, 'ss01' 1;
}

nav {
    --txt: #000;
    --txtu: #0004;
}

nav div.nav-wrap {
    padding: 0;
}

.sticky-header {
    padding: 10px 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background: #efefefAA;
    color: var(--ugra);
    z-index: 1337;
}

.sticky-header h1 {
    line-height: 1em;
    margin: 0;
}

@keyframes rotate {
    0%, 30%, 55%, 100% { transform: rotate(0deg); }
    35%, 45% { transform: rotate(-2deg); }
    40%, 50% { transform: rotate(2deg); }
}

button.lead.lead-sticky {
    font-size: 1.25em;
    padding: 5px 0;
    width: 160px;
    margin: 0 6px 0 auto;
    box-shadow: 0 12px 15px -10px #0008;
    background: #ff8514;
    animation: rotate 3s infinite;
}

button.lead.lead-sticky:active {
    animation: none;
}

.btn-sticky {
    display: block;
    position: sticky;
    top: 10px;
    z-index: 1337;
    height: 0;
}