@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@700&family=Fira+Mono&display=swap');

body {
	--color-notWhite: 255 249 242;
	--color-notBlack: 25 25 25;
	--color-cherry: 131 37 79;
	--color-strawberry: 229 107 111;
	--color-mango: 255 171 92;
	--color-longan: 255 216 168;

	--color-foreground-200: 238 173 199;
	--color-foreground-300: 211 116 155;
	--color-foreground-400: 174 68 115;
	--color-foreground-600: 103 26 61;    
	--color-foreground-700: 81 17 46;

	--color-secondary-200: 244 187 187;
	--color-secondary-300: 238 153 155;
	--color-secondary-400: 229 107 111;
	--color-secondary-600: 164 42 47;
	--color-secondary-700: 123 27 31;
	
	color:rgb(var(--color-notWhite));
	background-color: rgb(var(--color-notBlack));
	font-family: 'Atkinson Hyperlegible', sans-serif;
	font-size:3em;

	margin:0 auto;
}
p {
	position:relative;
	padding:0 0 0 1.5em;
	margin:.3em 0;
	margin-bottom:var(--linebreak);
}
p:before {
	content:'';
	position:absolute;
	width:1.25em;height:1.25em;
	background-color:rgb(var(--active));
	border-radius:50%;
	left:0;
	top:0em;
	box-sizing:border-box;
	border:var(--border) solid rgb(var(--color-cherry));
}
code {
	font-family: 'Fira Mono', sans-serif;
	font-size:.75em;
}