main a.news_block h3 a:hover{
    color:              darkgreen;
    transition:         0.2s;
}

main div.news_block_parent{
    margin:             0.5em;
    width:              calc(100% - 1em);
}

main a.news_block{
    display:            block;
    margin:             0 auto;
    padding:            0.5em;
    background-color:   #f8f1e8;
    transition:         0.1s;
    box-sizing:         border-box;
    width:              100%;
    height:             100%;
    text-decoration:    none;
    border:             4px solid #f8f1e8;
    color:              yellowgreen;
}

main a.news_block:hover{
    background-color:   floralwhite;
    border:             4px solid yellowgreen;
    color:              darkgreen;
    box-sizing:         border-box;
    transition:         0.15s;
}

main a.news_block h3{
    margin:             0;
}

main a.news_block h4{
    margin:             0;
    text-align:         right;
}

main div.top_titlebox h3.to_top{
    color:              azure;
    font-family:        sans-serif;
    margin-bottom:      0;
    margin-top:         1em;
}

main div.top_titlebox h3.to_top a:hover{
    color:              lightskyblue;
    text-decoration:    none;
    transition:         0.2s;
}

main div.top_titlebox h2.news_header,
main div.top_titlebox h3.news_header{
    margin-top:         0 !important;
}

main ul.pageNavigator{
    list-style:         none;
    padding:            0;
    margin:             0.5em;
    display:            flex;
    justify-content:    center;
    gap:                0.5em;
}

main ul.pageNavigator li{
    display:            block;
    width:              auto;
    min-width:          3em;
    height:             3em;
    display:            flex;
    align-items:        center;
    transition:         0.1s;
    box-sizing:         border-box;
}

main ul.pageNavigator li.current{
    min-width:          4em;
}

main ul.pageNavigator li.empty{
    visibility:         hidden;
}

main ul.pageNavigator li span,
main ul.pageNavigator li a{
    display:            block;
    box-sizing:         border-box;
    border-style:       solid;
    border-width:       2px;
    width:              100%;
    height:             100%;
    text-align:         center;
    padding:            0.5em;
    border-radius:      0.125em;
    transition:         0.1s;
}

main ul.pageNavigator li span:hover,
main ul.pageNavigator li a:hover{
    border-width:       8px;
    padding:            calc(0.5em - 5.5px);
    border-radius:      0.5em;
    font-weight:        bold;
    transition:         0.1s;
}

main ul.pageNavigator li a{
    text-decoration:    none;
}

main ul.pageNavigator li a:hover{
    border-color:       lightskyblue;
    color:              lightskyblue;
    background-color:   rgba(135, 206, 250, 0.2);
}

main ul.pageNavigator li span:hover{
    border-color:       gainsboro;
    color:              gainsboro;
    background-color:   rgba(220, 220, 220, 0.125);
}