@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body { font-family: sans-serif; line-height: 1.625; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }

h3 { color: #297be0; font-family: sans-serif; font-size: 24px; font-weight: 400; line-height: 1.625; margin: 0 0 1rem; }

p { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0 0 1.625rem; padding: 0 0 0 0.2rem; }

a { color: #105ef9; }

a:hover { color: #fff; }

.post-meta { color: #ccc; }

.center { text-align: center; }

body { background-color: #000; background-image: url("/assets/img/blue-winter-evening-wallpaper-yvt.jpg"); margin: 0; }

.site-container { margin: 0 auto; background: black; color: white; min-height: 100vh; }

@media (min-width: 768px) { .site-container { width: 90%; } }

@media (min-width: 992px) { .site-container { width: 942px; } }

.site-nav, .page-content, .site-footer { box-sizing: border-box; padding: 0 40px 20px; }

.site-header { background: url("/assets/img/logo.png"); height: 167px; margin: 82px 0 1rem; }

@media (min-width: 768px) { .site-header { margin: 0 0 1rem; } }

.site-title { display: none; margin: 0 0 0.8rem; }

nav { font-family: "Poppins", sans-serif; }

nav ul { list-style: none; }

nav a { text-decoration: none; }

.topbar { position: fixed; top: 0; width: 100%; background: black; }

@media (min-width: 768px) { .topbar { position: static; } }

.logo { display: inline-block; color: #297be0; font-size: 60px; font-size: 2rem; height: 44px; padding: 1rem 0 0 10px; margin-left: 10px; text-decoration: none; }

.nav { background-color: black; height: 100%; max-height: 0; overflow: hidden; position: fixed; transition: max-height .5s ease-out; width: 100%; }

.menu { padding: 0 20px; }

.menu a { display: block; padding: 16px 20px; color: #297be0; }

.menu a:hover { color: #fff; }

.hamb { cursor: pointer; float: right; padding: 40px 20px; }

.hamb-line { background: white; display: block; height: 2px; position: relative; width: 24px; }

.hamb-line::before, .hamb-line::after { background: white; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }

.hamb-line::before { top: 10px; }

.hamb-line::after { top: -10px; }

.side-menu { display: none; }

.side-menu:checked ~ nav { max-height: 100%; }

.side-menu:checked ~ .hamb .hamb-line { background: transparent; }

.side-menu:checked ~ .hamb .hamb-line::before { transform: rotate(-45deg); top: 0; }

.side-menu:checked ~ .hamb .hamb-line::after { transform: rotate(45deg); top: 0; }

@media (min-width: 768px) { .logo, .hamb { display: none; } .nav { max-height: none; top: 0; position: static; float: none; width: initial; } .menu li { float: left; } .menu a { display: inline-block; } .menu a:hover { background-color: transparent; color: grey; } }

img { max-width: 100%; }

iframe { margin: 0 auto 1.5rem; }

.soft-butter-thumb { margin: 0 auto 1.5rem; width: 272px; }

.site-footer { text-align: center; }

.home .post-list { list-style: none; padding: 0; }

.home .post-title { color: #297be0; font-size: 24px; font-weight: 700; line-height: 1.5; text-decoration: none; }

.home .post-title:hover { color: #fff; }

.home .home-posts-li { margin: 0 0 2rem; }

.image-gallery { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-between; padding: 0; }

.image-gallery li { width: 32%; }

.image-gallery li a img { border-radius: 5px; height: 408px; margin: 1rem 0; object-fit: cover; width: auto; }

/*# sourceMappingURL=style.css.map */