:root {
    color-scheme: only light;
}


@media (prefers-color-scheme: light) {
    html, body {
        background-color: #f0eae3;
        color: #0a0a0a;
    }
}
@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #f0eae3;
        color: #0a0a0a;
    }
}


.darken-red {
    color: #88262699;
}
.darken-green {
    color: #1c5f2c99;
}

.ui.basic.darken-green.label {
    border-color:#1c5f2c99 !important;
    color: #1c5f2c99 !important;
}


#header-nav-menu {
    height: 64px;
    background: #0f0f0fea;
    backdrop-filter: blur(8px) saturate(2.4);
}
#header-nav-menu .item {
    letter-spacing: .164em;
    padding: .92em 1.64em;
}
#header-nav-menu .header.item {
    font-size: 164%;
    padding-top: .72em;
}
@media (max-width: 767px) {
    #header-nav-menu {
        background: transparent;
        backdrop-filter: none;
    }
    #header-nav-menu .item {
        background-color: #2b2b2bea;
        backdrop-filter: blur(8px) saturate(2.4);
    }
    #header-nav-menu .item.header {
        background-color: #0f0f0fea;
        backdrop-filter: blur(8px) saturate(2.4);
    }
    #header-nav-menu .item.active {
        background-color: #3d3e3fdf;
        backdrop-filter: blur(8px) saturate(2.4);
    }
    #header-nav-menu .ui.dropdown.item .inverted.menu {
        background-color: #29292adf;
        color: #fafafa;
    }
    #header-nav-menu .ui.dropdown.item .inverted.menu .item {
        color: #eaeaea !important;
    }
    #header-nav-menu .ui.dropdown .inverted.menu>.header {
        color: #fafafa;
    }
}
@media (min-width: 768px) {
    #header-nav-menu .ui.dropdown .inverted.menu>.header
    {
        color: rgba(0, 0, 0, 0.88) !important;
        font-size: 108%;
    }
    #header-nav-menu .ui.dropdown.item .inverted.menu,
    #header-nav-menu .ui.dropdown.item .inverted.menu .item {
        color: rgba(0, 0, 0, 0.64) !important;
        font-size: 92%;
    }
}
#header-nav-menu .dropdown.item .header-item-url-link
{
    display: inline-block;
    margin: .64em .32em 0;
    text-overflow: ellipsis;
}


main {
    padding-top: 100px;
    padding-bottom: 32px;
}
@media (max-width: 767px) {
    main {
        padding-top: 240px;
        padding-bottom: 48px;
    }
}
main h2.ui.header {
    padding: 24px 4px 2px;
}
main .ui.celled.list {
    margin: 2px 14px;
}
main .ui.celled.list>.item,
main .ui.celled.list>.list {
    padding: .92em 0;
}

.ui.celled.list>.item:first-child:first-child, .ui.celled.list>.item:last-child {
    padding-top: .92em;
    padding-bottom: .92em;
}
 
main .list a.item .content .header {
    margin-bottom: 8px;
    font-size: 108%;
}
main .list .header-item-url-link
{
    display: inline-block;
    margin: .48em .32em .4em;
    text-overflow: ellipsis;
}
main #skills-inner-block,
main #bio-inner-block {
    margin: .8em 1.6em;
    padding-bottom: .64em;
}
main #skills-inner-block h3.header {
    margin: 1.2em 0 .2em;
}
main #skills-inner-block h4.header {
    margin: 1.2em 0 .08em;
}
main #skills-inner-block .ui.list,
main #skills-inner-block ol.ui.list,
main #skills-inner-block ul.ui.list {
    margin: .5em 0 1em;
    padding-top: .08em;
}
main #skills-inner-block .item {
    margin: 0 1em;
}
main #bio-inner-block.list .item {
    margin: .5em 0;
}