/*old background image:https://sadhost.neocities.org/images/tiles/sky.webp*/
/*newer.. older.. background image: https://bettysgraphics.neocities.org/images/backgrounds/pattern%20571.gif*/
body {
	background-image: url("https://www.foollovers.com/mat/plaid/v17-bg-checked.gif");
	color: white;
	font-size: 15px;
	line-height: 1.2;
	text-align: left;
	overflow-x: hidden;
}
.wrapper {
	width: 800px;
	height: auto;
	padding: 5px;
	background-color: transparent;
	border-radius: 10px;
	margin: 0 auto;
	padding-bottom: 10px;
}
.flex {
	/*OVERALL SIZE OF STUFF HERE. I.E. PADDING OF MAIN PAGE; FLEX TAB*/
	display: flex;
}

main {
	flex: 1;
	order: 2;
	margin-top: 17px;
	margin-bottom: 100px;
}
a,
a:hover {
	cursor:
		url("https://cdn.cursors-4u.net/previews/context-menu-96-10cc8ee1-preview-32.webp")
			0 0,
		auto !important;
}
.container {
	border-width: 8px;
	border-style: solid;
	border-image: url("https://file.garden/aeCbReSuJA1YXgvh/Frilled-w-Stitches-Light-Blue.gif")
		8 fill round;
	margin: 5px;
	padding: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}
#boxes-inner {
	background: white;
	border-width: 6px;
	border-style: solid;
	border-image: url("https://file.garden/aeCbReSuJA1YXgvh/fp9ci4.png") 8 fill
		round;
	margin: 15px;
	padding: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	font-family: "discipline_notes";
}
#boxes-inner p {
	margin: 5px;
	padding: 12px;
	text-align: left;
}
#mei-bus {
	position: relative;
	float: right;
	top: -50px;
	image-rendering: pixelated;
	pointer-events: none;
}
#stamps {
	position: relative;
	margin-top: -170px;
	top: 3px;
}

.content {
	background-image: url("https://file.garden/aeCbReSuJA1YXgvh/x17-bg-checkedfoollovers.gif");
	border: 1px solid #525252;
	color: #030429;
}

.content a:visited,
.content a {
	color: blue;
}
.smaller-boxes-container {
	display: grid;
	grid-template-columns: 50% 50%;
	width: auto;
	overflow: auto;
}
.boxes-containers {
	background: white;
	border-width: 6px;
	border-style: solid;
	border-image: url("https://file.garden/aeCbReSuJA1YXgvh/fp9ci4.png") 8 fill
		round;
	margin: 15px;
	padding: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	font-family: "discipline_notes";
	width: 350px;
	position: relative;
	height: 250px;
	top: 30px;
}
#fanlists {
	position: relative;
	overflow: auto;
	padding-bottom: 3px;
}
#fanlists h1 {
	text-align: center;
	margin-top: -3px;
	font-size: 1.3rem;
	text-shadow: 2px 2px 3px rgba(189, 222, 255, 0.521);
	color: #4e5d6e;
	font-family: "discipline_notes";
	padding-top: 10px;
	margin-bottom: 6px;
	position: relative;
}
#fanlists h1::before {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/leftwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	right: 5px;
}
#fanlists h1::after {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/rightwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	left: 5px;
}
#updates {
	overflow: auto;
}
#updates h1 {
	text-align: center;
	margin-top: -3px;
	font-size: 1.3rem;
	text-shadow: 2px 2px 3px rgba(189, 222, 255, 0.521);
	color: #4e5d6e;
	font-family: "discipline_notes";
	padding-top: 10px;
	margin-bottom: 6px;
	position: relative;
}
#updates h1::before {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/leftwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	right: 5px;
}
#updates h1::after {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/rightwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	left: 5px;
}
#updates a:visited,
#updates a {
	color: rgb(255, 151, 151);
	font-size: 0.8rem;
	text-decoration: none;
}
#updates a:hover {
	color: rgb(89, 108, 160);
}
#updates a::before {
	content: url("https://sakuradreams.neocities.org/Images/Ponyo16.gif");
	position: relative;
	top: 5.2px;
	left: -4px;
}
#updates p {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
#chatbox img {
	position: absolute;
	width: 100%;
	z-index: 9;
	pointer-events: none;
}
#webrings {
	position: relative;
	overflow: auto;
	padding-bottom: 3px;
}
#webrings h1 {
	text-align: center;
	margin-top: -3px;
	font-size: 1.3rem;
	text-shadow: 2px 2px 3px rgba(189, 222, 255, 0.521);
	color: #4e5d6e;
	font-family: "discipline_notes";
	padding-top: 10px;
	margin-bottom: 6px;
	position: relative;
}
#webrings h1::before {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/leftwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	right: 5px;
}
#webrings h1::after {
	content: url("https://keiism.nekoweb.org/logs/blog/blog%20images/rightwing.webp");
	padding: 2px;
	position: relative;
	width: 20px;
	top: 3.2px;
	left: 5px;
}
.nav {
	position: relative;
	display: flex;
	flex-direction: column;
}
.right-sidebar {
	order: 3px;
}
aside {
	width: 250px;
	word-wrap: break-word;
	position: relative;
}
aside a {
	margin-left: 8px;
	margin-right: 8px;
	margin: 6px;
	padding: 2px;
	text-align: center;
}
aside a::before {
	content: url("https://sakuradreams.neocities.org/Images/Other%20Characters/Mario16.gif");
	padding-right: 10px;
	position: relative;
	top: 4.5px;
}
aside p {
	margin: 5px;
	padding: 12px;
	text-align: center;
}
#sidebarcontainer {
	border-width: 8px;
	border-style: solid;
	border-image: url("https://i.postimg.cc/wvFqphTZ/Frilled_w_Stitches_-_Light_Blue.gif")
		8 fill round;
	margin: 5px;
	padding: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	position: absolute;
	top: 125px;
}
.nav-btn {
	font-family: "wiindows";
	background: transparent;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.692);
	text-align: left;
	position: relative;
	width: fit-content;
}
#sidebar-frame {
	background: white;
	border-width: 6px;
	border-style: solid;
	border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/fp9ci4.png")
		8 fill round;
	margin: 15px;
	padding: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	font-family: "discipline_notes";
	display: block;
	position: relative;
	text-align: center;
}
#sidebar-frame img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
#sidebar-frame p {
	margin: 5px;
	padding: 12px;
	text-align: center;
}
#sidebar-frame h2 {
	margin: px;
}
#statuscafe {
	padding-top: 4px;
	font-family: "wiindows";
	margin-bottom: 4px;
}
#statuscafe-username {
	margin-bottom: 0.5em;
	text-align: center;
}
#statuscafe-content {
	margin: 0 1em 0.5em 1em;
	text-align: left;
}
hr {
	border: 0;
	height: 2px;
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(89, 120, 134, 0.75),
		rgba(0, 0, 0, 0)
	);
}
#navigation img {
	width: 65%;
	z-index: 9;
	pointer-events: none;
	margin-bottom: -400px;
}
#button-links {
	position: relative;
	display: flexbox;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
#textarea {
	max-width: 90%;
}
#todo-list {
	width: 200px;
	height: 200px;
	overflow: auto;
}
#todo-list li {
	list-style: none;
	text-align: left;
	position: relative;
	left: -30px;
}
#todo-list li::before {
	content: url("https://pixelsafari.neocities.org/favicon/food/rice9.gif");
	padding-right: 6px;
	position: relative;
	top: 4.5px;
}
.calendar-box {
	background-image: url(https://keiism.nekoweb.org/logs/blog/blog%20images/cloudsbg.gif);
	background-size: cover;
	box-shadow:
		inset 13px 0px 6px -10px rgb(66 66 66 / 56%),
		inset -13px 0px 6px -10px rgb(66 66 66 / 56%),
		inset 0px 13px 6px -10px #ffffff,
		inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
	border: 2px ridge;
	border-color: white;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
	margin: 0px 5px 5px 0px;
	width: 190px;
	height: 200px;
	position: relative;
	z-index: 3;
	left: 20px;
}

.calendar {
	font-family: "wiindows";
	color: #4babd8; /*text*/
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	margin: 5px;
	padding: 0;
}

.calendar td {
	background-image: linear-gradient(
		#dfe0e0,
		white 50%,
		#dfe0e0 50%,
		white
	); /*month header bg*/
	border: 1px groove #84ade2;
	border-radius: 3px;
}

.calendar td.end {
	background-color: #696765; /*sun sat*/
	font-size: 12px;
}

.calendar td.day {
	background-color: #5153b3; /* mon tue wed thur fri */
	text-align: center;
	font-size: 12px;
	text-align: center;
	border: none;
}

.calendar td.date {
	background-color: #721a1a; /* day box bg*/
	padding: 0px;
	font-size: 14px;
}

.calendar table {
	height: 180px;
	width: 180px;
	border: 1px solid;
	border-radius: 2px;
	background-color: #dcd8bf; /* back back back */
}
.adposters {
	display: none;
	position: relative;
	object-fit: fill;
	object-position: top;
	border: ridge 2px;
	border-color: #def5ff;
	border-radius: 10px;
	padding: 2px;
}
.fade {
	animation-name: fade;
	animation-duration: 2.5s;
}

@keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}
#ads {
	font-size: 1rem;
	font-family: "wiindows";
	margin-top: -11px;
	margin-bottom: -8px;
	text-align: center;
}
#ads p::after {
	content: url("https://pixelsafari.neocities.org/favicon/object/tech/handheld1.gif");
	position: relative;
	text-decoration: none;
	padding-left: 6px;
	top: 4px;
}
#ads p::before {
	content: url("https://pixelsafari.neocities.org/favicon/object/tech/handheld1.gif");
	position: relative;
	text-decoration: none;
	padding-right: 6px;
	top: 4px;
}
.logo {
	justify-content: center;
	display: flex;
}

.logo img {
	width: 75%;
	height: auto;
	z-index: 99;
	margin-bottom: -150px;
	position: relative;
	top: 66px;
	right: -30px;
	rotate: 8deg;
	transition: transform 0.4s;
}

/* old logo stuff:
.logo img{
    width: 70%;
    height: auto;
    z-index: 99;
    margin-bottom: -150px;
    position: relative;
    top: 70px;
    right: -30px; 
    transition:transform 0.4s;
}
    */

.everything {
	position: relative;
	top: -120px;
}
.click-me {
	position: absolute;
	top: 50px;
	left: 10px;
	font-family: "wiindows";
}
.footer {
	justify-content: center;
	display: flex;
}
.footertxt {
	line-height: 15px;
	text-align: center;
	color: black;
	text-shadow: 1px 1px 1px rgba(83, 83, 83, 1);
	font-family: "wiindows";
	font-size: 12px;
	margin-top: 5px;
}
.footer p::before {
	content: url("https://pixelsafari.neocities.org/favicon/object/tech/console4.gif");
	position: relative;
	left: -6px;
	top: 6px;
}
.footer p::after {
	content: url("https://pixelsafari.neocities.org/favicon/object/tech/console4.gif");
	position: relative;
	right: -6px;
	top: 6px;
}
/* CREDIT TO RICE.PLACE REMEMBER 4 CREDITS!!! */
#status-blob {
	border-radius: 50%;
	height: 8px;
	width: 8px;
	/* margin top to align is prob bad but idk how to css... */
	margin-top: 21px;
	margin-left: -12px;
}

#status-details {
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	text-align: center;
}

.status {
	display: flex;
	flex-direction: row;
	font-family: "wiindows";
	color: rgb(86, 105, 145);
	position: relative;
	right: -45px;
}
.stickers {
	position: absolute;
}

/* Scrollbar styles */
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background: #f1f6fc;
}
::-webkit-scrollbar-track {
	background: #f1f6fc;
	border-radius: 0px;
	width: 0px;
	border: 1px dotted #779ebe;
}
::-webkit-scrollbar-thumb {
	background: #d0e7f0;
	border: 1px dotted #778abe;
	border-radius: 0px;
}