* /*
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;background: #070a08 url(https://files.catbox.moe/e2cbmj.png) fixed;color: #e2dccf;font-family: "Crimson Text", tahoma, serif;font-size: 13px;line-height: 1.55;letter-spacing: 1px;text-align:justify;padding:20px;}b {color: #9fbfad;}i {color:#ccc;font-style:normal;font-weight:bold;}.center {text-align:center;}a {color: #9fbfad;text-decoration: none;font-weight: 500;transition: color 0.3s, transform 0.3s, text-shadow 0.3s;}a:not(nav a):hover {color: #c0d6b7;transform: scale(1.05);text-shadow: 0 0 4px #9fbfad;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #0b0e0c;border-left: 1px solid #1c2621;}::-webkit-scrollbar-thumb {background: linear-gradient(180deg,#6f8f7c,#4e6b5c);border: 1px solid #1c2621;}.container {max-width: 800px;margin: 19px auto;background: #0b0e0c;border: 1px solid #1c2621;overflow: hidden;}header.topbar {background: #0d1210;border-bottom: 1px solid #1c2621;padding: 14px 19px;}.topbar-content {display: flex;justify-content: space-between;align-items: center;gap: 16px;}.topbar img {margin-right:5px;}.topbar-content h1 {font-family: "UnifrakturCook", georgia, arial, serif;font-size: 34px;color:#e7ddff;letter-spacing: 1px;margin: 0;}.social-links {display: flex;gap: 10px;}.social-links a {text-decoration:underline;padding: 2px 4px;display: inline-flex;}nav {background: #0e1210;border-bottom: 1px solid #1c2621;padding: 6px 16px;}nav ul {display: flex;list-style: none;margin: 0;padding: 0;}nav li {display: flex;align-items: center;padding: 0 9px;}nav a img {margin-right: 5px;vertical-align: middle;}nav li + li {border-left: 1px solid #1c2621;}nav a {color: #cbbbe8;font-size: 13px;font-family: "Crimson Text", calibri, tahoma, serif;letter-spacing: 1px;}nav a:hover {color: #ffffff;}.has-dropdown {position: relative;}.dropdown {position: absolute;top: calc(100% + 1px);left: -9px;min-width: 150px;max-width: 260px;width: max-content;background: #0f1411;border-left: 1px solid #1c2621;border-right: 1px solid #1c2621;border-bottom: 1px solid #1c2621;list-style: none;padding: 0;margin: 0;display: none;z-index: 999;white-space: nowrap;}.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown {display: block;}.dropdown li {border-top: 1px solid #1c2621;}.dropdown a {display: block;width: 100%;padding: 6px 12px;font-size: 12px;color: #9fbfad;letter-spacing: 1px;background: #0f1411;box-sizing: border-box;}.dropdown a:hover {color: #ddd;}.layout {display: grid;grid-template-columns: 2.3fr 1fr;gap: 13px;padding: 13px;}.post {background: #0f1411;border: 1px solid #1c2621;padding: 12px 14px;margin-bottom: 13px;}.post h2 {font-family: "UnifrakturCook", serif;font-size: 17px;font-weight: 600;color: #e7ddff;margin: 0 0 15px;padding: 8px 0px;border-top: 1px solid #1c2621;border-bottom: 1px solid #1c2621;background: #101010;margin-left: -14px;margin-right: -14px;display: flex;align-items: center;height: 36px;}.post h2 img {margin: 0 10px 0 10px;}.time {color: #9fbfad;}.post a:hover {color: #c0d6b7;text-shadow: 0 0 4px #9fbfad;transform: scale(1.05);}aside {background: #0f1411;border: 1px solid #1c2621;padding: 10px;}aside h3 {font-family: "UnifrakturCook", serif;font-size: 17px;color: #d6c9ff;border-top: 1px solid #1c2621;border-bottom: 1px solid #1c2621;background: #101010;display: flex;align-items: center;height: 36px;margin: 2px -10px 5px;padding: 0;}aside h3 img {margin: 0 10px 0 10px;}aside ul {list-style: none;margin: 0;padding: 0;}aside li {margin: 0px 0;}aside a:hover {color: #c0d6b7;text-shadow: 0 0 4px #9fbfad;transform: scale(1.05);}footer {border-top: 1px solid #1c2621;padding: 10px;text-align: center;}@media (max-width: 700px) {.layout {grid-template-columns: 1fr;}.topbar-content {flex-direction: column;align-items: flex-start;}}@media (max-width: 720px) {nav ul {flex-direction: column;align-items: stretch;}nav li {padding: 6px 0;justify-content: flex-start;}nav li + li {border-left: none;border-top: 1px solid #1c2621;}nav a {display: block;padding: 6px 12px;}.has-dropdown {flex-direction: column;align-items: stretch;}.dropdown {position: static;display: none;width: 100%;max-width: none;min-width: 0;border-left: none;border-right: none;}.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown {display: block;}.dropdown a {padding-left: 22px;}}