body {
    background-color: #434c5a;
    width: 100vw;
    height: 100vh;
    margin: 0px;
}

.root {
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 6rem 0;
    color: #ccd3de;
    font-family: sans-serif;
    font-size: 2em;
    letter-spacing: 2px;
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-direction: column;

    &>img {
        width: min(80vw, 480px);
        height: auto;
    }

}

#signOut {
    background-color: #666666;
    color: #fafcff;
    padding: 8px;
    border-radius: 2px;
    font-size: 0.666em;
    width: fit-content;
    margin-top: 16px;

    &.active {
        cursor: pointer;
        background-color: #bec493;
    }

    &.error {
        background-color: #89584d;
    }
}