.widget {
    width: 10rem;
    height: 10rem;
    background-color: #5964f2;
    position: relative;
    /* bottom: 1rem;
    right: 1rem; */

    text-align: center;
    
    border-radius: 1rem;
    background: linear-gradient(145deg, #5f6bff, #505ada);
    /* box-shadow:  9px 9px 16px #0000008C,
        9px -9px 16px #ffffff33; */

    cursor: pointer;

    letter-spacing: 1px;

    user-select: none;
    z-index: 10;
}

#avatar {
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 65%;

    margin-left: auto;
    margin-right: auto;

    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;

    outline: .3vw #FEFEFF solid;
    z-index: 10;

    image-rendering: auto;
}

#username {
    position: absolute;
    /* top: 62%; */
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 30px;

    color: aliceblue;
    font-weight: bold;
    /* font-family: "Sex and Breakfast Regular"; */
}

#status {
    position: absolute;
    /* top: 80%; */
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 20px;

    color: aliceblue;
    /* font-family: "I suck at golf"; */
}

#statusDot {
    aspect-ratio: 1/1;
    border-radius: 50%;
    height: 1.5rem;

    background-color: var(--status);

    /* background-color: #23a45b; */
    /* background-color: #f1b233; */
    /* background-color: #f33e43;
    background-color: #80848e; */

    position: relative;
    top: 40%;
    left: 65%;

    outline: 4px #5964f2 solid;

    z-index: 11;
}

.discord {
    aspect-ratio: 1/1;
    border-radius: 50%;
    height: 2rem;

    position: absolute;
    bottom: 5%;
    right: 5%;
}

@media screen and (max-width: 920px) {
    .widget {
        /* visibility: hidden; */
        display: none;
    }
}