@charset "utf-8";

div#eContent,div#eGroup { display: inline-block; width: calc(100% - 40px); padding: 10px 20px; border: 2px solid #000; border-radius: 10px; background-color: rgba(255,255,255,.5)}
div#eContent hr { color: #000 }
div#eContent a { margin: 2px 5px }

div#eStatus { display: table; width: auto; margin: 10px auto; padding: 10px 4px; border: 1px solid #000; border-radius: 10px; background-color: rgba(255,255,255,.5); }
div#eStatus table tr td { vertical-align: top; padding: 2px 8px; }

div#eGroup { margin: 5px auto }
div#eGroup a,div#eGroup span { display: inline-block; width: 100px; text-align: center; margin: 2px 5px; }

div.warning { text-align: center; display: block; background-color: #fff; width: 450px; height: 48px; margin: 0 auto; border: 2px solid #000; padding: 10px 20px; font-size: 18px; border-radius: 10px; }

div#maintext p { margin: 0 10px; }
div#maintext p span { font-weight: bold; }

@media (prefers-color-scheme: dark) {
	div.warning { background-color: #000; border: 2px solid #fff }
}