#account-pane {
    display: none;
}

#account-pane-content-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

#account-header-container {

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 3px solid red;

    #username {
        font-size: 23px;
        font-weight: 500;
    }  
}

#account-favorite-teams-container {
    padding: 10px;
}

.account-favorite-teams-card {
    
    display: flex;
    align-items: center; /* Align items vertically in the center */
    background-color: white;
    border: 1px solid rgb(218, 218, 218);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 10px 20px;
    margin: 10px 0;

    
}

#account-favorite-teams-card-logo {
    width: 35px;
    margin-right: 15px;
}

#account-favorite-teams-card-title {
    font-weight: 600;
}


/* Delete Button CSS */

#account-delete-favorite-team-button-container {
    margin-left: auto; /* Align the container all the way to the right */
    display: inline-block;
    position: relative;
}

#account-delete-favorite-team-button-hover {
    display: none; /* Initially hide the hover image */
}

#account-delete-favorite-team-button-container:hover #account-delete-favorite-team-button {
    display: none; /* Hide the default image when hovered over */
}

#account-delete-favorite-team-button-container:hover #account-delete-favorite-team-button-hover {
    display: inline-block; /* Display the hover image when hovered over */
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

#account-delete-favorite-team-button,
#account-delete-favorite-team-button-hover {
    width: 15px;
    cursor: pointer;
    width: 18px;
    height: auto;
    
}