body {
	background-image: url("https://file.garden/aZj648v4vGLII2_k/background.jpeg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.normal {
	font-family: Comic Sans MS;
	padding: 20px;
	background-color: #c70202;
	border: 7px solid #000000;
	border-style: dotted;
	margin: 10px 250px 20px;
	border-radius: 40px;
}

.normalstamps {
	margin: 10px 250px 20px;
	border-radius: 40px;
	color: #fff;
}

/*
Source - https://stackoverflow.com/a/31528557
Posted by HaLeiVi, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-31, License - CC BY-SA 3.0
*/

.li {
	display: list-item;
	margin-left: 2em;
}

.topcontent {
	z-index: 1000; /* Ensures the pagedoll appears on top of other content */
	position: absolute;
}
/* scroll bar */

/* width */
::-webkit-scrollbar {
	width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #000000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #c70202;
}

.title {
	font-family: Comic Sans MS;
	padding: 20px;
	background-color: #c70202;
	border: 7px solid #000000;
	border-style: dotted;
	margin: 10px 250px 20px;
	border-radius: 40px;
}

.notnormal {
	font-family: Comic Sans MS;
	padding: 20px;
	background-color: #c70202;
	border: 7px solid #000000;
	border-style: dotted;
	box-shadow: 2px 2px 7px 1px #ab0000;
	color: #fff;
}

body {
	font-family: Comic Sans MS;
}

h1 {
	text-align: center;
}

#borderimg1 {
	border: 20px solid transparent;
	padding: 15px;
	border-image: url(https://file.garden/aZj648v4vGLII2_k/d-1-1-3.png) 4 round;
}

#borderimg2 {
	border: 20px solid transparent;
	padding: 20px;
	border-image: url(https://file.garden/aZj648v4vGLII2_k/idc91c.gif) 7 round;
}

#borderimg3 {
	border: 20px solid transparent;
	padding: 20px;
	border-image: url(https://file.garden/aZj648v4vGLII2_k/spider.png) 15 round;
}

/* Style for the container */
.pagedoll-container {
	position: fixed; /* Keeps the pagedoll in a fixed position on the screen */
	bottom: 1px; /* Positions it 10 pixels from the bottom of the screen */
	right: 1px; /* Positions it 10 pixels from the right of the screen */
	z-index: 1000; /* Ensures the pagedoll appears on top of other content */
}

/* Style for the image inside the container */
.pagedoll-container img {
	width: 200px; /* Adjust the size as needed (e.g., 100px, 200px) */
	height: auto; /* Maintains the image's aspect ratio */
}

.link {
	color: #000;
}

/* Flip the image horizontally (mirror effect) */
.flip {
	transform: scaleX(-1);
	/* Use vendor prefixes for broader compatibility if needed, e.g., -webkit-transform: scaleX(-1); */
}

.blink {
	animation: blinker 1.5s linear infinite;
	color: black;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

/* Add a black background color to the top navigation */
.topnav {
	background-color: #000000;
	overflow: hidden;
	background-image: url('https://file.garden/aZj648v4vGLII2_k/bgbloodswirl.gif');
}

/* Style the links inside the navigation bar */
.topnav a {
	text-shadow: 1px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000,
               1px 1px #000000, -2px -2px #000000, 2px -2px #000000, -2px 2px #000000;
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	
	margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 50px;
    margin-left: 50px;
}

/* Change the color of links on hover */
.topnav a:hover {
	background-color: #fff;
	color: red;
}

/* Add a color to the active/current link */
.topnav .active {
	background-color: red;
	color: white;
}