/*
Theme Name: StatRec Wordpress theme V2 
Theme URI: https://statrec.com
Author: Gruu Family
Author URI: http://gruulab.dothome.co.kr 
Description: Theme for websites from Gruu Family - StatRec 
Version: 2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gruulab 
*/

:root {
	--green: 			#00ff66;
	--c-darkblue: 		#001122;
	--c-darkblue-light: #223377;
	--c-yellow: 		#FFDD66;
}

*, :before, :after 	{ box-sizing: border-box; margin: 0; padding: 0; }

html 		{ background-color: #001122; }
body 		{ font-family: 'Oxanium', sans-serif; font-size: 16px; line-height: 1.75; color: #c0ccd2; }
a 			{ text-decoration: none; color: var(--green); }
a:hover 	{ text-shadow: -2px -1px 8px currentColor; }
p 			{ margin: .5em 0; }
ul 			{ margin: 1rem 0; padding-left: 1.2rem; }
ul ul 		{ list-style-type: disc; }
img.emoji 	{ vertical-align: -0.2em !important; font-size: 1rem; }
aside 		{ display: flex; flex-direction: column; gap: 1rem; padding: 1rem 0; font-size: .95rem; line-height: 1.5; }
::marker 	{ color: var(--c-yellow); }

/* site */
	.site 	{ padding: 1rem; }
	/* header */
		.site.header 	{ border-bottom: 1px solid #237; line-height: 1; background: #ffffff33; }
		/* left */
			.site.header .left 	{ display: flex; align-items: center; gap: .5em; }
			.custom-logo 	{ width: 1.5rem; height: auto; background: #00ff6666; border-radius: .25em; border: 2px solid black; }
	/* body */
		.site.body 	{  }
		/* main */
			main 	{ margin: 0 auto; max-width: 728px; }
				/* header */
					main header 	{ margin: 3rem 0; line-height: 1.25; }
					main h1 		{ color: var(--c-yellow); font-size: 1.66rem; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; }
				/* content */
					/* headings */
						main h2 	{ margin: 1em 0 1rem; color: white; font-size: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; }
						main h3 	{ margin: 1em 0 1rem; color: white; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; }
	/* footer */
		.site.footer 	{ border-top: 1px solid #237; line-height: 1; font-size: .9rem; }
	/* aside */
		.widget-title 	{ margin: 0; font-weight: bold; color: var(--c-yellow); }