#collect-remove
{
    padding: 10px;
    border: none;
    border-radius: 20px;
    color:white;
    background-color: rgb(239, 0, 0);
}
#collect-remove:hover
{
    background-color: rgba(239, 0, 0, 0.641);
}
#favorites-add
{
    padding: 10px;
    border: none;
    border-radius: 20px;
    color:white;
    background-color: rgb(57, 63, 243);
}
#favorites-add:hover
{
    background-color: rgba(19, 25, 215, 0.596);
}

/* User Navbar Links */
.user-nav
{
    font-size:10pt;
    position: absolute;
    right: 20px;
    color: rgb(255, 200, 0);
    display: flex;
}
.user-nav #log-out, .user-nav #create 
{
    color: white;
}
.user-nav #admin
{
    color: rgb(248, 125, 25);
}

/* Modal for in-place details */
.modal 
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal.show 
{
    display: flex;
}
.modal-content 
{
    background: #95959523;
    border-radius: 10px;
    max-width: 90%;
    max-height: 90%;
    padding: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.67);
    position: relative;
}

.modal-content button 
{
    position: absolute;
    top: 0.5rem;
    right: 1.5rem;
    background: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
}
#detailsFrame 
{
    width: 80vw;
    height: 80vh;
    border-radius: 10px;
}