:root {
	--main-bg-color: #ceece8;
	--main-text-color:#182f3f;
	--sub-bg-color: #fff;
	--accent: #6facbe;
	--thumbnail: 1 / 1;
	--articles-grid: 200px;
}
body{
	background: var(--main-bg-color) url(imgforskin/hanabg.png) repeat 50% 50% fixed;
}
.latestpostlist,
aside.filters{
	background-color: color-mix(in srgb, var(--accent) 20%, #ceece8);
}
@media (max-width: 600px) {
	div.article-list:has(article.excerpt){
		grid-template-columns: 1fr 1fr;
		gap: 3rem 5vw;
	}
}




html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}