main
{
    height: calc(100vh - 300px);
}

#five_categories, #portkey_mode, #logged_in,
#search, #search_options
{
    width: 100%;
    display: block;
    position: relative;
    float: left;
}

#portkey_mode
{
    margin-top: 25px;
    text-align: center;
}
    #portkey_mode_title
    {
        font-weight: bold;
        font-size: 1.25em;
    }

#five_categories
{
    height: auto;
}
    #bookmark_category_labels
    {
        width: 100%;
        color: var(--sss-dark-silver);
    }
        #bookmark_category_labels label
        {
            width: calc(100%/5);
            display: inline-block;
            text-align: center;
            font-weight: bold;
        }
    #bookmark_category_selections
    {
        height: 100px;
        color: var(--sss-blue);
        display: flex;
        flex-wrap: wrap;
    }
        #bookmark_category_selections div
        {
            width: calc(100%/5);
            display: inline-block;
            text-align: center;
            font-weight: bold;
        }
            #bookmark_category_selections a
            {
                width: 100%;
                height: auto;
                display: block;
                position: relative;
                float: left;
            }
    .bookmark_category
    {
        width: calc(100%/5);
        height: 100%;
        display: inline-block;
    }
        .bookmark_category a
        {
            width: 100%;
            display: block;
            text-align: center;
        }

#search
{
    height: 50px;
    border-radius: 25px;
    background: linear-gradient(to right, var(--sss-gold), var(--sss-red), var(--sss-blue));
}
    #searchbar
    {
        -webkit-appearance: textfield;
        outline: none;
        width: calc(100% - 8px);
        height: calc(50px - 8px);
        position: relative;
        top: 4px;
        left: 4px;
        background: white;
        border: none;
        border-radius: 25px;
        padding: 10px;
        font-size: 1em;
        text-align: center;
    }

#search_options
{
    height: 50px;
}
    .search_option
    {
        width: calc(100%/5);
        height: 20px;
        margin-top: 15px;
        border: none;
        color: var(--sss-dark-silver);
        cursor: pointer;
        font-size: 1em;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }
        .search_option:hover
        {
            color: var(--sss-dark-silver);
            text-shadow: 1px 0px var(--sss-dark-silver);
        }