html {
    overflow: auto;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 62.5%!important;
    background-color: #fafffa;
}

body {
    overflow: hidden;
    font-family: 'Merriweather','Sawarabi Gothic',sans-serif;
    font-weight: 400;
    color: #111;
    background-attachment: fixed;
}

body, li, pre, blockquote {
    font-size: 16px;
    font-size: 1.6rem;
}

*, *:before, *:after {
    box-sizing: border-box;
}

body.container {
    max-width: 960px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 7px;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

div {
    display: block;
}


.grid {
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 20px 30px;
    margin: 20px 0;
    background: #fff;
}


.post {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 10px;
    line-height: 1.8;
}

.post a {
    text-decoration: underline;
}

.post h2 {
    padding-bottom: 0 !important;
    font-size: 2.4rem;
    padding: 8px 20px;
    margin-top: 0px !important;
    border-left: 10px double #ef9b09 !important;
}
.post h2, .post h3, .post h4, .post h5, .post h6 {
    line-height: 1.4;
    margin-top: 35px;
    margin-bottom: 30px;
}

.post h2:after {
    margin: 8px 0 0 -20px;
    height: 8px;
}

.post p {
    margin: 0 0 1.6em;
}

img[class*=wp-image-], img[class*=attachment-] {
    max-width: 100%;
    height: auto;
}

.wp-block-image {
    margin: 0 0 1.6em;
}

.wp-block-image img {
    width: 100%;
    border: 1px solid gray;
}

h2:after {
    content: "";
    display: block;
    height: 4px;
    margin: 10px 0 0;
    background: -webkit-gradient(linear,left top,right bottom,from(#ef9b09),to(#fff));
    background: -moz-linear-gradient(left,#ef9b09,#fff);
    background: linear-gradient(left,#ef9b09,#fff);
}


h3, .post h4 {
    border-left: 6px solid #ef9b09 !important;
    padding-left: 1em !important;
}


::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

