/*
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
*/
 :root {--site-bg: #fcfcfc;--box-bg: #fefefe;--box-bg-soft: #f4f7f9;--text-color: #8a9298;--text-muted: #6f8190;--border-color: #c7d0d8;--accent-color: #6f8190;--accent-border: #d9e0e6;}* {box-sizing: border-box;margin: 0;padding: 0;}body {font-family: Calibri, Arial, sans-serif;font-size: 11px;line-height: 1.3;letter-spacing: 1px;color: var(--text-color);background: #e8ecef url(https://itinerae.neocities.org/bgs/grid.gif) fixed;padding:18px;}b {font-size: 10px;font-weight: 600;color: #5c6f7c;letter-spacing: 1.5px;}i {font-style: italic;color: #7c8f9c;font-family: Georgia, "Times New Roman", serif;}a {color: #5c6f7c;text-decoration: none;border-bottom: 1px solid #ccc;padding: 0 2px;transition: all 0.2s ease;}a:hover {color: #3e5663;border-bottom: 1px solid var(--accent-color);}::-webkit-scrollbar {width: 10px;height: 10px;}::-webkit-scrollbar-track {background: var(--box-bg-soft);border-left: 1px solid var(--border-color);}::-webkit-scrollbar-thumb {background: var(--accent-color);border-radius: 6px;border: 2px solid var(--box-bg-soft);}::-webkit-scrollbar-thumb:hover {background: #5e7382;}::-webkit-scrollbar-corner {background: var(--box-bg-soft);}.container {width: min(100%, 715px);margin: 0 auto;background: var(--site-bg);border: 1px solid var(--border-color);border-top: 10px solid var(--border-color);border-bottom: 10px solid var(--border-color);padding: 14px;display: grid;grid-template-columns: 220px 1fr;gap: 14px;}.sidebar, .content {display: grid;gap: 14px;align-self: start;}.two-box-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}.header-nav {margin-top: 10px;display: flex;flex-wrap: wrap;gap: 6px;}.header-nav a {display: inline-block;padding: 4px 6px 1px 6px;background: linear-gradient(to bottom, #fefefe, #edf2f5);border: 1px dashed var(--border-color);color: var(--accent-color);font-size: 10px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;}.header-nav a:hover {background: var(--box-bg-soft);border-color: var(--accent-color);color: #3e5663;}.box {position: relative;padding: 18px 14px 14px;background: var(--box-bg);border: 1px dashed var(--border-color);}.title {position: absolute;top: -9px;left: 12px;padding: 0 6px;background: var(--box-bg);color: var(--accent-color);font-size: 14px;text-transform: lowercase;}.box-content {margin-top: 6px;}.site-name {font: italic 20px Georgia, cursive, Times;color: var(--accent-color);margin-bottom: 14px;text-transform: lowercase;letter-spacing: 3px;}.slogan, .blog-title {color: var(--text-muted);font-size: 10px;}.avatar {padding: 15px;border: 1px dashed var(--border-color);background: var(--box-bg-soft);overflow: hidden;}.avatar img {width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.6;}.contact-list, .currently-list {list-style: none;display: grid;gap: 8px;}.contact-list a {display: flex;align-items: center;gap: 8px;padding-bottom: 4px;border-bottom: 1px dotted var(--accent-border);}.contact-list a:hover {border-bottom: 1px dotted var(--accent-color);}.currently-list li {display: flex;justify-content: space-between;padding-bottom: 2px;border-bottom: 1px dotted var(--accent-border);}.divider {height: 0;border-bottom: 1px dashed #ddd;margin: 4px 0 6px;}.button-gallery {display: grid;grid-template-columns: repeat(2, 88px);gap: 8px;justify-content: center;}.site-button {width: 88px;height: 31px;opacity: 0.6;display: grid;place-items: center;border: 1px dashed var(--border-color);}.gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px;}.gallery img {display: block;background: #fff;border: 1px dotted var(--accent-color);padding: 5px;border-radius: 5px;width: 100%;aspect-ratio: 1/1;object-fit: cover;opacity: 0.7;transition: opacity .2s, transform .1s;}.gallery img:hover {opacity: 1;transform: scale(1.02);}.gallery a {border:0;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}.footer {grid-column: 1/-1;}.footer .box {text-align: center;color: var(--text-muted);}@media(max-width:720px) {.container {grid-template-columns: 1fr;}.content {order: 1;}.sidebar {order: 2;}.footer {order: 3;}.two-box-grid {grid-template-columns: 1fr;}.gallery {grid-template-columns: repeat(2, 1fr);}.nav-box {padding-top: 18px;}.contact-list {grid-template-columns: repeat(2, 1fr);gap: 8px 14px;}.contact-list a {padding-bottom: 6px;}}