/* @import url("/static/css/fonts.css"); /* fonts */

.sideFlex {
    display: flex;
    align-items: center;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height:auto;
}
.downFlex {
    display: flex;
    flex-direction: column;
}

.greyButton {
    border: solid rgb(168, 168, 168) 1px;
    border-radius: 3px;
    color: #000;
    padding: 3px;
    background: #dcdcf7;
    background: linear-gradient(180deg,rgba(220, 220, 247, 1) 0%, rgba(209, 209, 209, 1) 34%, rgba(220, 229, 230, 1) 58%, rgba(222, 222, 222, 1) 100%);
}

.underline {
    text-decoration-line: underline;
}

@property --rainbow-color {
    syntax: "<color>";
    initial-value: #f00;
    inherits: false;
}
@keyframes rainbowAnim {
    0% {--rainbow-color:#f00}
    14% {--rainbow-color:#f80}
    42% {--rainbow-color:#ff0}
    56% {--rainbow-color:#0f0}
    70% {--rainbow-color:#0ff}
    84% {--rainbow-color:#80f}
}