* {
    text-transform: none;
}

/* CSS to initially hide the user name */
.user-info, .user-actions {
    text-align: end;
    font-size: 1.5rem;
    display: none;
    position: absolute;
    top: 10vh;
    right: 0;
    color: black;
    background-color: #fff;
    border: 1px solid #8e8e8e;
    width: auto;
    height: 10vh;
    padding: 10px;
    z-index: 999999;
}

header .action-link {
    color: blue;
    background-color: white;
}

header .action-link:hover {
    color: rgb(133, 62, 247);
    border-radius: none;
    background-color: white;
}

/* CSS styling for the user name */
.user-name {
    font-weight: bold;
    color: #f4a12b; /* Signature color */
}


/*Styling for the login, sign up, or log out links*/

header .icons #login_icon.fa-solid.fa-user:hover + .user-info,
header .icons #login_icon.fa-solid.fa-user:hover + .user-actions {
    display: block;
}