@font-face {font-family: averia;	src: url(/extras/ttf/Averia-Regular.ttf);}
@font-face {font-family: averia-bold;	src: url(/extras/ttf/Averia-Bold.ttf);}
::-webkit-scrollbar {  width: 5px; }
::-webkit-scrollbar-track {  background-color: #ffc7da;}
::-webkit-scrollbar-thumb {  background-color: #e64b7c;  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {  background-color: #f986aa;}

/* ===== basic styling ===== */
	h1, h2, h3, h4, h5, h6 {font-family: averia-bold; color: #8f002d;}
	a {	color: var(--primary-color);}
	a:hover {color: var(--teritary-color);}
	h {color: var(--secondary-color); font-weight: 500;}
	b, strong { color: #d80065; }
	p {margin-bottom: 7px;}
	hr.one { border: 1px solid var(--quaternary-color); }

:root {	--primary-color: #ff206a;
		--secondary-color: #e64b7c;
		--teritary-color: #ff8db3;
		--quaternary-color: #ff96b9;
		--dark-pink: #d80065;
	}

	body {
		border-radius: var(--border-rounded);
		background: url(https://foollovers.com/mat/dot/b20-bg-polkadot.gif)
		center/5px white;

		font-size: 14px;
		font-weight: 500;
		line-height: 15px;
		font-family: averia;
		color: #8f002d;
	}

	h3.title {
		background: url(https://i.ibb.co/3m1fSP1n/ezgif-com-speed.gif) var(--quaternary-color);
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
		margin-top: -10px;
		padding: 5px;
		padding-top: 10px;
		font-size: 1.2rem;
		text-align: center;
	}

	h4{ 
		background: url() center/15px #ffc9db;
		font-family: averia-bold;
		font-weight: 900;
		font-size: 16px;
		color: var(--dark-pink);
		font-style: italic;
		padding-left: 10px;
		margin: 0 0 5px 0;
	}

	a { font-style: normal; }

	.divider {
		background: url() center/cover repeat var(--secondary-color);
		height: 3px; width: 100%;
		margin: 10px 0 10px 0;
		z-index: 1;
	}	

	.upd-card {
		margin-bottom: -10px;
		padding: 10px;
	}
	.upd-card::after {
		content: "";
		display: block;
		border: 0;
		border-bottom: 2px dashed var(--teritary-color);
		margin: 8px auto;
	}

	li {margin-left: -15px;}

	img{
		margin: 5px auto;
		max-width: 100%;
		border: 2px solid var(--teritary-color);
	}

	a.button {
		display: block;
		width: 95%;
		margin: 12px 5px;
		padding: 5px;
		color: var(--dark-pink);
		font-size: 14px;
		font-weight: 900;
		background: linear-gradient(to bottom, #ffcfdf, var(--teritary-color));
		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;
	}

	a.button:hover {
		color: white;
		font-style: italic;
	}