body {
        background-color: #09161E;
    }
    .user {
        display: flex;
        justify-content: center;
        background-color: white;
        border-radius: 5px;
        border-width: 4px;
        max-width: 100px;
        margin: 5px auto;
        font-size: 30px;

    }


    .button {
    display: flex;
    justify-content: center;

    }
    .hello_username {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0787D0;
        color: white;
        max-width: fit-content;
        margin: 5px 10px 5px auto; 
        border-radius: 5px;
        font-size: 30px;

    }
    .readyButton {
        display: flex;
        justify-content: center;
        background-color: white;
        border: 2px solid #ccc;
        border-radius: 5px;
        border-color: red;
        border-width: 4px;
        max-width: fit-content;
        margin: 100px auto;
        font-size: 30px;
        
    }
    .readyButton.active {
        border-color: green;
    }