@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css";

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Hover%20Image%20On%20Circle%20Compressed.css";

/*-S-T-A-R-T--------------------*\
| Theme Colours                  |
\*------------------------------*/

:root {
	/* Generic Colours */
	--pbg: #D6B8C4;
	--bg: #FFFFFF;
	--bg-dark: #ddd;
	--text: #F48498;
	--text-h: #F48498;
	--text-dim: #bababa;
	--text-dim-h: #646464;
	--text-dark: #111;
	--icon: #323232;
	--accent: #E78F8E;

	/* Button Colours */
	--btn-bg: #fff;
	--btn-bg-h: #C14D4D;
	--btn-head-bg-h: #C14D4D;
	--btn-text-h: #fff;

	/* Header Colours */
	--text-head: #C14D4D;
	--text-head-h: #C14D4D;

	/* Status Colours */
	--watching: #E78F8E;
	--completed: #E78F8E;
	--onhold: #E78F8E;
	--dropped: #E78F8E;
	--plantowatch: #E78F8E;

	/* Single-Use Colours */
	--cover-bg: #E78F8E;
	--edit-btn: #E78F8E;
	--checkmark: #E78F8E;
}

/*------------------------E-N-D-*/

/*-S-T-A-R-T--------------------*\
| Character Renders R0.3         |
\*------------------------------*/

footer:before, footer:after {
	content: "";
	position: fixed;
	top: 0;
	z-index: -1;

	width: calc(50% - 538px);
	min-width: 262px;
	height: 100%;
	background: transparent no-repeat center bottom / contain scroll;
}

/* Left Render */
footer:before {
	right: calc(100% - (50% - 538px));

	background-image: url(URLHERE);
	background-position: left bottom;
}

/* Right Render */
footer:after {
	left: calc(100% - (50% - 538px));

	background-image: url(https://i.imgur.com/9QvPoSp.png);
	background-position: right bottom;
}

/*------------------------E-N-D-*/

body { --avatar: url(https://66.media.tumblr.com/3c309c63898238438aa35898d0ec510d/tumblr_pxsm694SWg1rg9sr0o2_250.png); }

body { --banner: url(https://i.imgur.com/8DsjJgz.jpg); }

body { --character: url(none); }