:root {	--pink-primary: #ff206a;
		--pink-secondary: #e64b7c;
		--pink-teritary: #ff8db3;
		--pink-dark: #d80065;
		--pink-darker: #ba2c59;
		--pink-light: #ffcfdf;
	}

	body {
		font-size: 18px;
		line-height: 20px;
		font-family: arial-narrow, arial;
		color: black;
		background: black url(https://i.ibb.co/7dnp5Wsm/Untitled-design.png) bottom/contain fixed;
		cursor: url('/extras/pink-cursors/Normal\ Select.cur'), auto;
	}

	@media (max-width: 799px) {
		body {
			background: url(https://i.ibb.co/zTGJV6JH/Untitled51-20260606180135.png)
			center/180px white;
		}
	}

/*===== ///// basic styling	///// =====*/

	h4, h5 {font-weight: 900; color: var(--pink-dark); letter-spacing: -1px;}
	h6 {margin: 0; font-weight: 900; color: var(--pink-dark);}
	a {	color: var(--pink-dark);}
	a:hover {color: var(--pink-teritary);}
	h {color: var(--pink-secondary); font-weight: 500;}
	b, strong { color: #d80065; }
	p {margin-bottom: 7px;}
	hr { border-bottom: 2px dashed var(--pink-teritary); border-top: 0; }

	a, iframe {
		cursor: url(/extras/pink-cursors/Link\ Select.cur), auto;
	}
	p, span, h1, h2, h3, label, input[type="text"], textarea {
		cursor: url(/extras/pink-cursors/Text\ Select.cur), auto;
	}

	/* selection pseudo */
	::-moz-selection { /* Code for Firefox */
	color: white;
	background: #f72d8b;
	}
	::selection {
	color: white;
	background: #f72d8b;
	}

	/* image hovers */
	.screen-on-hover {	opacity: 0.8; transition: 0.4s ease;}
	.screen-on-hover:hover { opacity: 100;	}
	.grow-hover { transition: 0.4s ease;}
	.grow-hover:hover { transform: scale(1.2); z-index: 999999 !important; }

	.card-body-1 {
		border: 0;
		border-radius: 5px;
		background: url(/extras/foollovers-b20-bg-polkadot.gif)	center/5px white;
		filter: drop-shadow(0 0 1px black);
	}
	.card-body-2 {
		position: relative;
		background: linear-gradient(to bottom, #ffcfdf, var(--pink-teritary));
		border-radius: 5px;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-bottom: 2px solid #ff6c9d;
		border-right: 2px solid #ff6c9d;
		outline: 2px solid #ba2c59;
	}

	.header-title {
		background: linear-gradient(to right, #292929, 80%, var(--pink-dark));
		box-shadow: inset 0 5px 10px 0 grey, inset 0 -5px 10px 0 black;
		border-radius: 10px 10px 0 0;
		outline: 2px solid black;
		border-bottom: 10px solid var(--pink-teritary);

		font-family: impact, arial-narrow, arial;
		font-weight: normal;
		font-size: 1.5rem;
		text-transform: capitalize;
		letter-spacing: 0.5px;
		color: white;

		position: relative;
		margin-top: 20px;
		margin-bottom: 0;
		padding: 10px;
		
	}
	.header-title:hover {
		font-style: italic;
		text-shadow: 0 0 10px var(--pink-dark);
	}
	.under-header {
		border-radius: 0 0 10px 10px;
		filter: drop-shadow(0 5px 0 var(--pink-secondary));
		margin-bottom: 20px;
	}
	.under-header.card-body-1 {
		outline: 2px solid var(--pink-teritary);
	}

	@media (max-width: 799px) {
		.header-title {
			margin-top: 15px;
			font-size: 1.3rem;
			font-family: arial-narrow, arial;
			font-weight: 900;
		}
	}

/*===== ///// content by order	///// =====*/

	/* megatron page doll */
	a.pagedoll > img {
		position: fixed; bottom: 1%; right: 1%;
		z-index: 9999999 !important; 
		width: 200px;
		height: auto;
		filter: drop-shadow(0 0 2px black);
		animation: floating 3s infinite ease-in-out;
	}
	@keyframes floating {
		0% { transform: translate(0,  0px); } 
		50%  { transform: translate(0, 15px); } 
		100%   {transform: translate(0, -0px); }
	}         
	@media (max-width: 799px) {
		a.pagedoll > img {
			max-width: 150px;
			position: fixed; bottom: 0; right: 0;
			height: auto;
			z-index: 10000;
		}
	}

	.header-img {
		height: 280px; background: black; overflow: hidden;
		.ruffles-top {	height: 25px; background: url(https://i.ibb.co/5hBt68JS/pinkrufflesdivider.png) center/650px repeat-x; position: absolute; top: -1px; left: 0; width: 100%;}
		.ruffles-bottom {	height: 25px; background: url(https://i.ibb.co/5hBt68JS/pinkrufflesdivider.png) center/650px repeat-x; position: absolute; bottom: -1px; left: 0; rotate: 180deg; z-index: 99; width: 100%;}
		.TF-userbarr {	width: 400px; position: absolute; top: 20px;}
		.megatronn {	position: relative; right: -260px; top: -140px;}
		.page-title {	
			font-weight: bold;
			font-family: impacted;
			font-size: 4rem;
			line-height: 40px;
			text-align: center;
			text-transform: uppercase;
			color: #ffcfe3;
			filter: drop-shadow(2px 2px 0 var(--pink-dark));
			-webkit-text-stroke: 1px var(--pink-dark);
			z-index: 99999999999;

			position: absolute; bottom: 10px; left: 15px;
		}
	}
	@media (max-width: 799px) {
		.header-img {
			height: 200px;
			.TF-userbarr {	width: 200px; position: absolute; top: 20px;}
			.megatronn {	position: relative; right: 0px; top: -50px; width: 550px;}
			.page-title {	position: absolute; bottom: 10px; left: 5px; font-size: 2rem; line-height: 25px; text-align: left;}
	}

	}

	.the-everything-container {
		gap: 30px;
	}
	@media (max-width: 799px) {
		.the-everything-container { gap: 10px; }
	}
	

	.NAVIGATION {
		background: url(/extras/foollovers-b20-bg-polkadot.gif) center/5px white;
		padding: 10px;
		border-radius: 0 0 20px 0;
		filter: drop-shadow(0 5px 0 var(--pink-secondary));
		border: 2px solid var(--pink-teritary);
		a {
			font-family: averia, arial;
			font-weight: 900;
			font-size: 1.2rem;
			letter-spacing: -1px;
			text-transform: capitalize;
			color: var(--pink-dark);

			position: relative;
			display: block;
			padding: 5px;
			margin: 5px 0;
			
			background:	center/200px url(/extras/diamondpinkbg_OPTIMIZED.png) var(--pink-light);
			width: 100%;
			border-radius: 5px;
			border: 2px solid var(--pink-teritary);

			transition: 0.05s ease;
			}	
		a:hover { transform: scale(1.03); }
		a:active { transform: scale(0.97); }
		a img {max-height: 1.5rem;}
		img { display: inline; }
		a > img.up {content: url(/extras/foollovers-de04-icon-up.gif); margin-left: 10px;}
		a > img.new {content: url(/extras/foollovers-de03-icon-new.gif); margin-left: 10px;	}
	}	

	.socials {
		display: flex; align-items: center; justify-content: center;
		font-family: averia, arial;
		font-size: 15px;
		font-weight: 900;
		text-align: center;
		color: var(--pink-dark);
		margin: 5px 0;
		p {margin: 0;}
		a:hover { filter: drop-shadow(0 0 1px white); color: var(--pink-teritary); text-decoration-style: wavy; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0; }
	}

	/* marquee linkss */ 
	.marquee-container-linkss {
		position: relative;
		display: flex;
		overflow: hidden;
		user-select: none;
		border-radius: var(--border-rounded);	}
	.marquee-container-linkss img { max-width: 88px; height: 31px; margin-right: 5px; }
	.marquee-container-linkss img:hover {
		transform: scale(1.05);
	}
	.marquee-linkss {
		display: flex;
		animation: marquee-linkss 45s linear infinite;	}
	.marquee-linkss:hover {animation-play-state: paused;}
	@keyframes marquee-linkss {
		from {transform: translateX(0);}
		to {transform: translateX(calc(-100%));}
	}

	.cliquess {
		p {
			margin-bottom: 0;
			text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		}
	}
	.fanlists { 
		margin: 5px 0;
		img { margin: 1px; margin-bottom: 1px; transition: 0.1s ease-in, filter 0.2s ease-in; } 
		img:hover { transform: scale(1.08); filter: drop-shadow(0 0 2px var(--pink-dark)); }
	}

	.bottom-bit {
		margin: 15px;
		gap: 15px;
		background: transparent;
		border: 0;
		border-radius: 0;
		.row.no-gutters {height: 100%;}
		.col > .card-body-2 {
			border-radius: 0;
			padding: 0;
			margin: 0;
			height: 85px;
		}
		.title {
			z-index: 999; margin: auto; font-size: 1.5rem; text-align: center;
			text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		}
		.title > img {
			height: 100%;
			width: 100%;
			margin: 0;
			object-fit: fill; object-position: center; position: absolute; top: 0; left: 0; z-index: -1;
		}
	}

	/* marquee */ 
	.marquee-container {
		position: relative;
		display: flex;
		overflow: hidden;
		user-select: none;
		border-radius: var(--border-rounded);	}
	.marquee-container img { max-width: 99px; height: 56px; margin-right: 5px; }
	.marquee-container img:hover {
		transform: scale(1.05);
	}
	.marquee {
		display: flex;
		animation: marquee 45s linear infinite;	}
	.marquee:hover {animation-play-state: paused;}
	@keyframes marquee {
		from {transform: translateX(0%);}
		to {transform: translateX(calc(-100%));}
	}

	/* music player by glenthemes  */
	.musiccplayer {
		overflow: hidden;
		height: 100px;
	}
	.musiccplayer > .musicc-player-bg {
		height: 100%;
		margin: 0;
		width: 150%; object-fit: cover; position: absolute; top: 0; left: -15px; opacity: 0.8; filter: blur(1px);
	}
	.musiccplayer > p {	color: white; z-index: 999; filter: drop-shadow(0 0 2px black);}
	#glenplayer02 {
		margin: auto; margin-top: 10px; z-index: 999;
		position:relative;
		top:0px;
		left:5px;
		display:flex;
		z-index:99;
		
		a {text-decoration:none;}
		div {
			align-self:center;
			-webkit-align-self:center;
		}
		.music-controls {
			user-select:none;
			-webkit-user-select:none;
			width:13px;
			font-size:17px;
			margin-right: 5px;
			cursor:pointer;
		}	 
		.playy, .pausee {color: var(--pink-dark); text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;}
		.pausee {display:none;}
		.sonata {
			margin-left:10px;
			font-family: Averia;
			font-size:18px;
			color: var(--pink-dark);
			font-weight: bold;
			text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		}	 
		.labeltext {
			margin-left:0px;
			position: relative;
			bottom:10px;
			font-family: Averia;
			font-size:18px;
			color: var(--pink-dark);
			font-weight: bold;
			text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		}
	} 

	.todo-list {
		position: relative;
		overflow-y: auto; overflow: hidden;
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		height: 160px;

		ul {z-index: 999; list-style-type: "- ";}
		img {position: absolute; bottom: -80px; right: -40px; width: 200px; opacity: 0.5;}
	}

	.status-cafe {
		position: relative;
		width: 100%;
		overflow: hidden;
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		height: 80px;

		img {
			width: 100%; 
			height: 100%;
			margin: 0;
			object-fit: cover; object-position: 0 -50px; position: absolute; top: 0; left: 0; opacity: 0.7; filter: blur(1.5px);
		}

		iframe {
			z-index: 9999; filter: drop-shadow(0 0 2px black);
		}
	}
	@media (max-width: 768px) {	.status-cafe {img {	object-position: 0 -85px;}}}

	.ADVERT {
		position: relative;
		border-radius: 0;
		overflow: hidden;
		height: auto;

		p {	text-transform: uppercase; text-align: center;}
		a {text-align: center; height: 100%;}
		a > img {width: 100%;}
	}

	.upd-logs {
		overflow: hidden;
		height: 350px;
		iframe {
			width: 100%;
			height: 100%;
			border: 0;
			overflow: hidden;
		}
	}