@font-face {
			font-family: rim;
			src: url(font01.ttf);
			font-weight: 100;
		}
		
        body {
            font-family: rim; /* More scene-like font */
            background: #101010 url('../images/tumblr_inline_n258q4r8c01qhwjx8.png'); /* Gritty texture */
            color: #e0e0e0;
            width: 900px;
            margin: 0 auto;
            padding: 100px 0;
        }
        .container {
            background: rgba(20, 20, 30, 0.9); /* Dark and semi-transparent */
            border-radius: 10px;
            backdrop-filter: blur(10px);
            border: 1px solid #303035;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
            overflow: hidden;
        }
        header {
            background: url('../images/dark-dot.png');
            padding: 20px;
			height: 200px;
            text-align: left;
            font-size: 26px;
            font-weight: bold;
            color: #ff8c00; /* Orange accent */
            border-bottom: 3px solid #ff8c00; /* Matching orange border */
        }
        #menu-main {
            display: flex;
            justify-content: space-evenly;
            background: linear-gradient(145deg, #202040, #101020);
            border-bottom: 2px solid #ff8c00;
            padding: 0;
			margin: 0;
        }
		.nav-menu ul {
			list-style-type: none; /* Removes the dots */
			padding-left: 0; /* Optional: removes any default padding */
		}

		.nav-menu li {
			margin: 0; /* Optional: removes default margin from <li> */
		}
		
		.nav-menu ul {
			list-style-type: none;
			padding-left: 0;
		}

		.nav-menu li {
			position: relative;
		}
		.sub-menu {
			width: 100%;
		}

		.nav-menu ul ul { /* Target submenus */
			display: none; /* Hide submenus by default */
			position: absolute; /* Ensures submenu appears near the parent item */
			left: 0; /* Align submenu with parent */
			top: 100%; /* Position submenu directly below the parent */
			z-index: 1000; /* Ensure submenu appears above other content */
		}

		.nav-menu li:hover > ul { /* Show submenus on hover */
			display: block;
		}

        .menu-item {
            flex: 1;
            color: #e0e0e0;
            text-align: center;
            text-decoration: none;
            background: #282848; /* Deep blue background */
            border-right: 1px solid #1a1a3b;
            transition: background-color 0.3s ease, transform 0.3s ease;
            box-shadow: inset 0 0 5px #101010, 0 2px #000000;
        }
		
		.menu-item::after {
			content: '';
			position: absolute;
			top: 2px;
			left: 2px;
			width: calc(100% - 4px);
			height: 50%;
			background: linear-gradient(rgb(40 40 72), rgba(255, 255, 255, 0.2));
			box-shadow: 0px 1px 4px -2px #3333333b;
			pointer-events: none;
		}
		.menu-item a {
			text-decoration: none;
			color: #e0e0e0;
			display: block;
			padding: 14px 0;
		}
        .menu-item:last-child {
            border-right: none;
        }
        .menu-item:hover {
            background: #3f3f5f url('../images/dark-dotted-2.png');
            color: #ff8c00; /* Change to orange on hover */
        }
        .content {
            padding-top: 20px;
            background: rgb(63 9 46 / 95%) url('../images/3px-tile.png'); /* Additional dots texture */
            color: #e0e0e0;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
        }
        footer {
            text-align: center;
            padding: 10px;
            font-size: 16px;
            background: rgb(57 25 51 / 90%);
            border-top: 1px solid #505060;
            color: #ff8c00; /* Orange text color */
			display: flex;
			justify-content: space-evenly;
        }
		
		.about-me-block {
			background-image: url('https://applchu.art/wp-content/uploads/2024/11/029ffe4983389828d51fa2851c7e131b52f75c2s2.png') !important;
			color: white !important;
			border-top-color: #834bff85 !important;
		}
		
		.about-me-block .gspb_text-id-gsbp-8027a86 {
			color: white !important;
		}
		
		.light-emote {
			filter: hue-rotate(100deg) invert(1);
		}
		
		.like-block, .dislikes-block, .am-info-block {
			border-color: black !important;
		}
		.like-block, .dislikes-block, .am-info-block, #gspb_container-id-gsbp-02ad09e, #gspb_container-id-gsbp-978cfa8, #gspb_container-id-gsbp-a414900 {
			background: linear-gradient(180deg, rgba(75, 9, 87, 0.4430147058823529) 0%, rgba(75, 9, 87, 0.45) 50%, rgb(54 7 63) 70%) !important;
		}
		#gspb_container-id-gsbp-83507e1.gspb_container {
			background: linear-gradient(180deg, rgb(6 5 63) 0%, rgba(77, 38, 155, 0.5382528011204482) 20%, rgb(27 15 95 / 63%) 90%) !important;
			border: 1px solid black;
			border-top: none;
		}
		
		#gspb_container-id-gsbp-0c32528, #gspb_container-id-gsbp-91fe691, #gspb_container-id-gsbp-867db0d, #gspb_container-id-gsbp-f1a1bea {
			background-image: url('https://applchu.art/wp-content/uploads/2024/11/tumblr_ltlpxvu77C1ql1l0v.gif') !important;
			width: 608px;
		}
		#gspb_container-id-gsbp-0c32528.gspb_container, #gspb_container-id-gsbp-91fe691.gspb_container, #gspb_container-id-gsbp-867db0d {
			height: 30px !important;
		}
		.social-link-btn {
			border-color: #c55416 !important;
		}
		.sl-svg svg{
			fill: #c569a7 !important;
		}
		
		#gspb_container-id-gsbp-3f5f3e0.gspb_container {
			filter: hue-rotate(309deg) contrast(1.5) saturate(1.5);
		}
		.gspb_text-id-gsbp-e55fc0c {
			background-color: #000025 !important;
			border-top-color: #494949e3 !important;
			filter: contrast(1.15);
			box-shadow: inset 0 1px 25px 0 #080749b5 !important;
		}
		.gspb_text-id-gsbp-8623656 {
			background: linear-gradient(9deg, #8f2d64 54%, #4142df 100%);
			border-color: #23066f;
			color: #fff;
		}
		
/* WebKit Scrollbar Styling */
::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #130178, #160058);
    border-radius: 10px;
    box-shadow: inset 1px 1px 5px rgb(0 0 0 / 66%);
}

::-webkit-scrollbar-thumb {
    background: #2319a1 url('https://applchu.art/wp-content/uploads/2024/11/real-carbon-fibre.png');
	background-size: 25px;
    border-radius: 10px;
    box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.5), inset -1px -1px 3px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #a4d0ee, #4f80a9); /* Slightly lighter on hover */
}

.metal {
    outline: none;
    color: hsl(0deg 0% 100%);
    text-shadow: hsl(0deg 0% 90.7% / 50%) 0 -1px 0, hsl(0deg 0% 34.01% / 60%) 0 2px 1px;
    background-image: url('https://applchu.art/wp-content/uploads/2024/11/real-carbon-fibre.png') !important;
    background-color: #24192f;
    background-size: 40px;
    box-shadow: inset 0px 1px 7px black, inset 1px 2px 2px #986ceb !important;
}

.comment {
	padding: 10px;
	padding-top: 5px;
	background: linear-gradient(90deg, rgba(87,7,70,0.7147233893557423) 0%, rgba(118,18,140,0.1516981792717087) 100%);
	margin: 10px 0;
}

.comment {
	list-style-type: none;
	padding: 20px;
	padding-top: 10px;
	background: linear-gradient(90deg, rgba(87,7,70,0.7147233893557423) 0%, rgba(118,18,140,0.1516981792717087) 100%);
	border-radius: 10px;
	box-shadow: 0 0 8px #3333332c inset, 0 2px 5px #333333ec;
	margin: 20px 0;
}

.online-indicator {
    color: #00FF00;
}