/*
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
*/

@font-face {font-family: 'pixel';src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}body {margin:0;padding:15px;padding-top:40px;display:flex;justify-content:center;background:url(https://64.media.tumblr.com/15c18eb6be02e6b62601f109f677b598/47d032ea233c8d6b-19/s100x200/fd65edf5a03d67e051bbad76621fc4c24ae8dfd8.gifv) fixed;font-family:'pixel', calibri, verdana, sans-serif;letter-spacing:1px;font-size:12px;line-height:13px;color:#3b6f5d;}textarea {font:10px calibri, arial;letter-spacing:1px;}a {font-size:11px;font-family:'ms gothic', 'pixel', calibri, verdana;color:#2b5447;text-decoration:none;}a:hover {color:#1f3e34;text-decoration:underline;}::-webkit-scrollbar-thumb {background-color: #fff;border:1px solid #888;border-radius: 3px;}::-webkit-scrollbar {width: 5px;height: 0px;background: transparent;}.container {width:100%;max-width:650px;background:#fff;border-radius:16px;border:3.5px double #ccc;box-shadow:0 15px 25px rgba(0,0,0,0.1);display:flex;flex-direction:column;}.nav {display:flex;align-items:center;padding:5px;gap:6px;border-bottom:1px solid #a0d9c0;background:linear-gradient(90deg,#c8f7f0,#d6f5eb);border-radius:16px 16px 0 0;box-sizing:border-box;}.nav-links {display:flex;gap:6px;flex-wrap:nowrap;font:11px 'monospace', arial;align-items:center;}.nav-link {padding:6px 8px;border-radius:5px 5px 0 0;background:#fff;color:#5f9e8a;text-decoration:none;text-transform:uppercase;border:1px solid #a0d9c0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}.nav-link.active {background:#8fcfb8;color:#fff;border-color:#8fcfb8;font-weight:600;}.nav-actions {margin-left:auto;display:flex;gap:5px;align-items:center;}.btn {padding:0 7px;height:25px;border-radius:12px;border:1px solid #a0d9c0;background:#fff;color:#5f9e8a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.reload-link {display:flex;align-items:center;justify-content:center;text-decoration:none;color:#5f9e8a;}.reload-link:hover {text-decoration:none;opacity:0.8;}.address-bar {display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #a0d9c0;background:#e3faf2;}.addr-icon {width:32px;height:28px;background:#fff;border:1px solid #a0d9c0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#5f9e8a;}.addr-field {flex:1;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #a0d9c0;padding:5px;border-radius:12px;}.addr-text {font-family:tahoma,arial;letter-spacing:0px;width:100%;display:block;border:none;background:transparent;font-size:12px;color:#3b6f5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.layout {display:flex;flex-direction:row;gap:5px;padding:5px;flex-wrap:wrap;}.side {flex:1;order:0;display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:12px;border:1px solid #ccc;background:linear-gradient(180deg,#f2fffa,#e0f7ef);box-shadow: inset 0 0 5px rgba(0,0,0,0.02);}.content {flex:2;order:1;display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:12px;border:1px solid #ccc;background:linear-gradient(180deg,#f2fffa,#e0f7ef);box-shadow: inset 0 0 5px rgba(0,0,0,0.02);}.box {padding:5px;border-radius:10px;background:#fff;border:1px dashed #a0d9c0;color:#5f9e8a;transition: transform 0.3s ease;}.box:hover {transform: translateY(-2px);}.content-box {padding:5px;border-radius:10px;background:#fff;border:1px dashed #ccc;box-shadow:0 1px 2px rgba(0,0,0,0.03);transition: transform 0.3s ease;}.content-box:hover {transform: translateY(-2px);}.scrollbox {height:70px;overflow:auto;padding:5px;border-radius:10px;background:#fff;border:1px dashed #a0d9c0;transition: transform 0.3s ease;}.scrollbox:hover {transform: translateY(-2px);}.title {font-size:14px;color:#5f9e8a;border-bottom:1px dashed #5f9a8a;margin-bottom:5px;}.side-title {color:#3b6f5d;border-bottom:1px dashed #5f9a8a;margin-bottom:5px;}.extra-nav a {display: block;padding: 3px 5px;margin-bottom: 3px;text-decoration: none;color: #295246;background: #cfe3db;border-radius: 5px;font-weight: 600;transition: background 0.2s ease, padding-left 0.2s;}.extra-nav a:hover {background: #b7d3c9;padding-left: 20px;}.profile {display:flex;gap:10px;align-items:center;padding:5px;border:1px solid #a0d9c0;border-radius:12px;background:#f4fff9;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.profile-pic {width:70px;height:70px;border:1px solid #a0d9c0;border-radius:50%;background:url(https://64.media.tumblr.com/0ab3f648e2dfed1ec2925184346e4263/7a9e21f770e4f8f4-e7/s1280x1920/aa8732b30bf0f80a07fa54eadbdc5fc2249650a6.jpg);background-size:cover;flex-shrink:0;}.profile-info {display:flex;flex-direction:column;gap:5px;flex:2;}.profile-info span {display:block;border-bottom:1px dotted #999;}.profile-social-card {display:flex;flex:1;flex-direction:column;gap:6px;padding:5px;border-radius:12px;background:linear-gradient(180deg,#f0fff8,#d6f5eb);border:1px solid #a0d9c0;min-width:80px;text-align:center;flex-shrink:0;}.social-title {font-size:11px;font-weight:600;color:#3b6f5d;border-bottom:1px dotted #5f9e8a;padding-bottom:2px;}.social-links {display:flex;flex-direction:column;gap:4px;align-items:center;}.footer {width: 100%;margin: 0 auto;padding:5px;border-top:1px solid #a0d9c0;text-align:center;background:#d6f5eb;border-radius:0 0 12px 12px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);}@media (max-width:640px) {.layout {flex-direction:column;}.content {order:1;}.side {order:2;}}@media (max-width:640px) {.nav {flex-direction:column;align-items:stretch;gap:8px;padding:8px;}.nav-links {flex-direction:column;gap:6px;width:100%;}.nav-link {width:100%;box-sizing:border-box;text-align:left;padding:8px 10px;border-radius:8px;}.nav-actions {display:none;}}.is-firefox {font-size: 14px;line-height:16px;}.is-firefox .title {font-size: 14px;}.is-firefox a:link {font-size: 14px;}.is-firefox .container {width:100%;max-width:800px;}*, *::before, *::after {box-sizing: border-box;}