@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   20200906 ~ Haiiron // 전현배 https://github.com/HarryKito
*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height:150%;
	list-style:none;
	text-decoration:none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{display: block;}

* {
	box-sizing: border-box;
}

:root {
	/* Snow Pink (Base) + suggested harmonious combinations */
	--snow-pink: #fff4f6; /* Snow Pink / Blush White (base) */
	--cherry-blossom: #FFD1DC; /* tone-on-tone */
	--baby-pink: #F4C2C2; /* tone-on-tone */
	--dusty-rose: #D8A7B1; /* tone-on-tone */
	--mint-white: #E0F2F1; /* natural */
	--sage-green: #9DC183; /* natural */
	--ash-gray: #B2BEB5; /* natural */

	--bg-gradient: linear-gradient(135deg, var(--snow-pink) 0%, var(--mint-white) 60%, #fffafc 100%);
	--surface: #fff9f9; /* very light neutral with tiny warmth */

	/* Custom table palettes (Minimal / Cozy / Elegance) */
	--minimal-bg: #FFFFFF;        /* Pure White */
	--minimal-surface: #E5E5E5;   /* Light Gray */

	--cozy-bg: #F5F5DC;           /* Beige */
	--cozy-accent: #8B4513;       /* Saddle Brown */

	--elegant-bg: #C0C0C0;        /* Silver */
	--elegant-accent: #704241;    /* Deep Rose */

	/* Readability */
	--text-dark: #333333;
	--card-bg: #ffffff; /* card background */
	--text: #102027; /* readable dark text */
	--muted: #6b6b6b; /* softer muted color (darkened for better contrast) */
	/* Primary accent moved to sage to reduce pink dominance */
	--accent: var(--sage-green);
	--accent-rose: var(--dusty-rose); /* keep rose as secondary */
	--accent-dark: #7aa36b; /* darker sage for hover */
	--border: #eef5f2; /* very pale greenish border */
}

body {
	background: var(--bg-gradient);
	color: var(--text);
	line-height: 1.6;
	width: 100%;
}

header {
	display: flex;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--text);
	font-weight: 600;
	margin: 1em 0 0.5em 0;
}

a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
	color: var(--accent-dark);
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
  	text-align: center;
  	padding: 20px 16px;
  	text-decoration: none;
}

.MAIN {
	display: flex;
	height: 80%;
	width: 100%;
}

.MAIN div {
    width: 50%;
    align-content: center;
}

footer {
	height: 10%;
}