/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,28): run-time error CSS1039: Token not allowed after unary operator: '-bgc'
(25,18): run-time error CSS1039: Token not allowed after unary operator: '-w'
(28,17): run-time error CSS1039: Token not allowed after unary operator: '-w'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,21): run-time error CSS1039: Token not allowed after unary operator: '-animn'
(43,40): run-time error CSS1039: Token not allowed after unary operator: '-animdur'
(43,59): run-time error CSS1039: Token not allowed after unary operator: '-animtf'
(43,81): run-time error CSS1039: Token not allowed after unary operator: '-animdel'
(43,100): run-time error CSS1039: Token not allowed after unary operator: '-animic'
(43,124): run-time error CSS1039: Token not allowed after unary operator: '-animdir'
(43,150): run-time error CSS1039: Token not allowed after unary operator: '-animfm'
(43,170): run-time error CSS1039: Token not allowed after unary operator: '-animps'
(84,39): run-time error CSS1039: Token not allowed after unary operator: '-w'
 */
[data-animation-pause]:checked ~ [data-animation] {
    --animps: paused;
}

.hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(1px);
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.circle {
    --bgc: cornflowerblue;
    --w: 150px;
    align-items: center;
    background-color: var(--bgc);
    border-radius: 50%;
    color: #FFF;
    display: flex;
    height: var(--w);
    justify-content: center;
    margin-bottom: 1rem;
    width: var(--w);
}

.a-pulse {
    --animdur: 5s;
    --animn: pulse;
    will-change: transform;
}

.a-slide {
    --animdur: 3s;
    --animn: slide;
}

[data-animation] {
    animation: var(--animn, none) var(--animdur, 0s) var(--animtf, linear) var(--animdel, 0s) var(--animic, infinite) var(--animdir, alternate) var(--animfm, none) var(--animps, running);
}


@keyframes opacity {
    0%

{
    opacity: 1;
}

50% {
    opacity: 0.6;
}

100% {
    opacity: 1;
}

}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes slide {
    from {
        margin-left: 0%;
    }

    to {
        margin-left: calc(100% - var(--w, 150px));
    }
}
#header
{
    top:0px !important;
}
