.lw, dt img, dd img, p img, li img, h1 img, h2 img, h3 img, h4 img, dt img, td img, button img {
    max-width: 60% ;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h1,h2,h3,h4,h5,h6 {
    text-align: center ;
}

header {
    text-align: center ;
    padding-bottom: 15pt ;
}

header h1 {
    font-size: 30pt ;
    margin-bottom: 0 ;
}

header h2 {
    margin-top: 0 ;
    padding: .5em ;
}

h1 {
    color: #000000 ;
    font-size: 28pt ;
}

body {
    font-family: "Segoe UI" ;
    background: #fff7fb ;
    color: #000000 ;
}

main {
    max-width: 800px ;
    margin: auto ;
}

a {
    color: #0087cc ;
    text-decoration: none ;
}

footer {
    text-align: center ;
    clear: both ;
}

time {
    font-family: "Segoe UI" ;
}

#tagcloud {
    clear: both ;
    padding: 0;
    border-radius: 10px ;
    text-align: center ;
    margin: 0 auto ;
    border: solid 1px ;
    border-style: dashed ;
    list-style: none ;
    background: #ffdcee ;
}

#tagcloud li {
    display: inline-block ;
}

#tagcloud a {
    display: block ;
    width: auto ;
    border-radius: 10px ;
    padding: .25em ;
    margin: 2px ;
}

#tagcloud a:hover {
    box-shadow: 2px 2px 2px 2px black  ;
}

@media (pointer: coarse) {
    li > a {
        display: inline-block;
        padding: 0.2em 0;
    }
}

@media print {
    a[href] {
        text-decoration: none ;
        color: black ;
    }

    footer,.taglist {
        display: none ;
    }

    body {
        margin: 0;
    }
}

//.older-article {
//    display: none ;
//}

.hidden {
    display: none !important ;
}

#artlist {
    font-size: large ;
}

#artlist li {
    padding: .25em ;
}

@media (min-width: 55em) {
    #artlist { column-count: 2 ;}
}

// this one affects the site on desktop
@media (min-width: 100em) {
    #artlist { column-count: 2 ;}
}

input#search {
    all: unset;
    background: #ffffff;
    color: #000000;
    padding: 0.7rem 1rem;
    border-radius: 5px;
    width: 100%;
}

.search {
    width: 400px;
    max-width: 85vw;
    position: relative;
    margin: 0.5rem auto 1.2rem;
    display: flex;
}

button#clear-search {
    all: unset;
    position: absolute;
    right: 4px;
    top: 5px;
    height: 30px;
    width: 30px;
    color: #888;
    cursor: pointer;
    transition: color 180ms ease-in-out;
}
button#clear-search:hover {
    color: #eee;
}

.matched-recipe {
    font-size: x-large ;
    display: list-item !important ;
}

.list-searched {
    column-count: 1 !important ;
    list-style: decimal ;
    max-width: 600px ;
    margin: auto ;
}


#tag_recipes:before { content: '🥘 ' ; }
#tag_meat:before { content: '🥩 ' ; }
#tag_baking:before { content: '🥧 ' ; }
#tag_healthy:before { content: '🥦 ' ; }

/* For TAGLIST.HTML */
.taglist {
    text-align: center ;
    clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
    /* The container for both the previous and next articles. */
}
#prevart {
    float: left ;
    text-align: left ;
}
#nextart {
    float: right ;
    text-align: right ;
}
#nextart,#prevart {
    max-width: 33% ;
}