/*
This demo CSS is minified to prevent misuse.
The purchased version includes a clear, fully readable CSS file.
Buy this layout: ko-fi.com/itinerae/shop
*/

* {box-sizing: border-box;}body {margin: 0;padding: 20px;background: #111 url(https://64.media.tumblr.com/56f53599ac57627e4c53f22b7ae9ea43/78356aa484c89d2f-12/s250x400/a8abb840ed4078b277557d94a304b8f4c346144d.gifv) fixed;font: 11px georgia, tahoma, ms gothic, monospace, calibri, arial;letter-spacing: 1px;line-height: 15px;color: #685e6b;}b {color: #683860;}i {color:#24203b;}::-webkit-scrollbar {width: 7px;}::-webkit-scrollbar-track {background: #F7F1FF;border-left: 1px dotted #d9a3d9;}::-webkit-scrollbar-thumb {background: #d9a3d9;border-radius: 0;border: 1px solid #F7F1FF;}::-webkit-scrollbar-thumb:hover {background: #c07ccf;}a {color: #683860;text-decoration: none;}a:hover {color: #c07ccf;border-bottom-color: #c07ccf;}.line{height: 0px;border-bottom: 1px dashed #ddd;margin-top: 4px;margin-bottom: 4px}.container {max-width: 700px;margin: 0 auto;border: 1px solid #e2d8dd;background: #F3ECEC;border-radius:3px;}.topbar {padding: 8px 12px;background: #F7F1FF;border-bottom: 1px solid #d6ccd1;display: flex;justify-content: space-between;align-items: center;}.top-left {font: italic 20px georgia;color: #683860;}.top-right a {margin-left: 12px;font-size: 12px;color: #683860;}.top-right a:hover {color: #c07ccf;}.content {display: flex;}.banner-image img {width: 100%;margin-bottom: 12px;border: 1px dotted #d6ccd1;box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.04);border-radius: 4px;background: #F7F1FF;}.sidebar {width: 180px;padding: 12px;background: #fff;border-right: 1px dotted #d9a3d9;}.sidebar a {color: #683860;}.sidebar a:hover {color: #BFA6BF;}.sidebar ul {list-style: none;padding: 0;margin: 0;}.sidebar li {margin-bottom: 5px;}.nav-section {margin-bottom: 10px;padding-bottom: 12px;border-bottom: 1px dotted #ccc;}.nav-toggle {display: none;}.nav-links {display: block;list-style: none;padding-left: 10px;margin: 4px 0 5px 0;}.nav-subtitle {font: italic 13px georgia;color: #d9a3d9;cursor: pointer;display: block;margin-bottom: 4px;}.nav-subtitle::after {display: none;content: "▾";margin-left: 6px;color: #888;}.nav-toggle:checked + .nav-subtitle + .nav-links {display: block;}.main {flex: 1;padding: 12px;background: #F4F7FF;display: grid;grid-template-columns: repeat(12, 1fr);gap: 14px;}.block {padding: 5px;background: #fff;border: 1px dotted #d9a3d9;box-shadow:2px 4px #fff;border-radius:3px;}.full {grid-column: span 12;}.half {grid-column: span 6;}.five {grid-column: span 5;}.seven {grid-column: span 7;}.eight {grid-column: span 8;}.four {grid-column: span 4;}.title {font: italic 17px georgia;color: #BFA6BF;padding-bottom: 4px;padding-left:12px;margin-bottom: 4px;border-bottom: 1px dotted #ddd;border-left:7px solid #E1CEE1;}.gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 10px;margin-top: 10px;}.gallery-item {background: #fff;padding: 6px 6px 16px 6px;border: 1px solid #e2d8dd;border-radius: 2px;text-align: center;}.gallery-item img {width: 100%;aspect-ratio: 1;object-fit: cover;display: block;border: 1px solid #ddd;background: #f5f5f5;}.gallery-caption {margin-top: 6px;font-size: 11px;color: #7E7281;font-style: italic;letter-spacing: 0.5px;}.calendar {font-size: 10px;}.calendar-header {text-align: center;font-style: italic;color: #683860;margin-bottom: 6px;}.calendar-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px;}.calendar-day {text-align: center;color: #9a8aa0;}.calendar-date {text-align: center;padding: 3px 0;border-radius: 2px;}.calendar-date.today {background: #E1CEE1;color: #683860;font-weight: bold;box-shadow: inset 0 0 0 1px #cbb4cb;}.footer {padding: 10px 12px;background: #F7F1FF;border-top: 1px solid #d6ccd1;text-align: center;}@media (max-width: 768px) {.nav-links {display: none;}.nav-subtitle::after {display: inline;}.nav-toggle:checked + .nav-subtitle + .nav-links {display: block;}.content {flex-direction: column;}.sidebar, .main {width: 100%;}.main {grid-template-columns: 1fr;}.full, .half, .five, .seven, .eight, .four {grid-column: 1 / -1;}}@media (min-width: 769px) {.nav-subtitle {cursor: default;}}