@charset "UTF-8";
html { position: relative; }

a { color: #b52323; text-decoration: none; }

body.mistletoe { background-image: url('https://holidaystargirl1225.github.io/assets/images/bgnoelle.png'); background-color: #f0cec2; color: black; font-family: "Georgia", Georgia, serif; padding: 1rem; margin: 0; }

.wrapper { width: 100%; max-width: 1050px; }

h1, h2 { font-family: "Georgia", Georgia, serif; }

.header { display: flex; font-size: 36px; background: #c3917f; margin-top: 0; padding: 1rem; margin-bottom: 1rem; max-width: 800px; max-height: 132px; box-sizing: border-box; }

.header .welcome { flex-grow: 1; max-width: 80%; object-fit: contain; }

.header .ornaments { flex-grow: 1; margin-left: 1rem; max-width: 20%; max-height: 100px; object-fit: contain; }

.mainwrapper { width: 100%; max-width: 1050px; display: flex; gap: 1rem; }

.postwrapper { width: 100%; max-width: 800px; gap: 1rem; box-sizing: border-box; }

.post { background: #c3917f; padding: 1rem; margin-bottom: 1rem; max-width: 800px; width: 100%; box-sizing: border-box;  }

.post p { margin-top: 0; }

.post .screenshot { image-rendering: pixelated; height: 32px; width: 32px; padding: 1rem; border: 2px inset white; }

.post-footer { margin-top: 2rem; padding: 0.5rem 0; border-top: 1px dashed black; border-bottom: 1px dashed black; }

.post-footer div:not(:first-child) { margin-top: 0.5rem; }

.post-footer bold { margin-right: 0.25rem; }

.comments-footer { text-align: center; margin-top: 0.75rem; max-width: 800px; box-sizing: border-box; }

.comments-footer a { color: #b52323; font-weight: bold; letter-spacing: 2px; text-transform: lowercase; text-decoration: underline; }

.comments-footer a:not(:first-child) { margin-left: 2rem; }

.comments-footer a.disabled { cursor: not-allowed; color: #555555; }

.mainheaderwrapper { width: 100%; max-width: 1050px; max-height: 132; display: flex; gap: 1rem; }

.mainheader { display: flex; font-size: 36px; background: #c3917f; margin-top: 0; padding: 1rem; margin-bottom: 1rem; width: 800px; height: 132px; box-sizing: border-box; }

.mainheader .welcome { flex-grow: 1; max-width: 80%; object-fit: contain; }

.mainheader .ornaments { flex-grow: 1; margin-left: 1rem; max-width: 20%; max-height: 100px; object-fit: contain; }

.mainlogin { display: flex; font-size: 36px; background: #c3917f; margin-top: 0; padding: 1rem; margin-bottom: 1rem; flex: 1; height: 132px; box-sizing: border-box; }

.loginbox { font-size: 15px; }

.loginbox input { display: flex; }

.indexsidebar { background: #c3917f; margin-top: 0; padding: 1rem; margin-bottom: 1rem; flex: 1; box-sizing: border-box; max-height: 333px; }

.indexsidebar p { margin-top: 0; }

.indexsidebar a { color: #b52323; font-weight: bold; text-transform: lowercase; text-decoration: underline; }

.indexsidebar img { flex-grow: 1; margin: auto; max-width: 100%; max-height: 120px; object-fit: contain;}

.berdlyplush { transition: 0.1s; }  

.berdlyplush:hover { cursor: var(--cursor-pointer); transform: scale(0.95); }

.berdlyplush:active { transform: scale(0.90); }

.blinkeeholder {background: #c3917f; padding: .5rem; }

.stampholder {background: #c3917f; padding: .5rem; margin-bottom: 1rem;  }

.guestbook-footer { text-align: center; margin-top: 1rem; background: #c3917f; padding: 1rem; }

.guestbook-footer a { color: #b52323; font-weight: bold; letter-spacing: 2px; text-transform: lowercase; text-decoration: underline; }

.comments-header { padding: 1rem; margin-top: 0; margin-bottom: 1rem; }

.comments-header small { color: #555555; }

.comment { max-width: 800px; }

.comment .author { background: #c3917f; height: 64px; }

.comment .author .avatar { float: left; height: 64px; width: 64px; margin-right: 0.5rem; }

.comment .author .user { color: #3832F0; text-decoration: underline; font-weight: bold; padding-top: 0.5rem; }

.comment .author .user .icon { height: 16px; width: 16px; margin-right: 0.25rem; vertical-align: middle; }

.comment .author .user.removed { color: #555555; }

.comment .author .user.admin { color: #01620c; }

.comment .author .user.noelle { color: #e94e82; }

.comment .author .user.berdly { color: #18b7ef; }

.comment .comment-body { padding: 0.25rem 1rem; background-color: #deb49e; margin-bottom: 0.5rem; }

.comment .comment-body .deleted { color: #555555; font-family: monospace; }

.comment .comment-body .mod { color: #01620c; font-weight: bold; font-family: monospace; }

.alert { color: #01620c; background-color: #FFA9A9; font-size: 16px; font-family: monospace; font-weight: bold; padding: 1rem; margin-bottom: 0.5rem; max-width: 800px; box-sizing: border-box; }

.alert img { float: left; height: 20px; margin-right: 0.5rem; }

.back { display: inline-block; margin-top: 4rem; margin-bottom: 4rem; font-weight: bold; text-decoration: underline; font-size: 24px; }

body.dark { color: white; background: black; background-image: none; }

body.dark .header, body.dark .post { background: #555555; font-family: "Georgia", Georgia, serif;  }

body.dark .header a, body.dark .post a { color: #61d9ff; }

body.dark .header { opacity: 0; }

body.dark .post-footer { border-color: white; }

body.dark .alert { background-color: #AA0000; color: white; }