#open-dialog {margin-left: 3em; margin-bottom: -28px; border: 2px ridge #b69d36; background-color: #000000; color: #fbe690; padding: 3px 3px 3px 3px;}
#open-dialog:hover {background-color: #800000; color: #fbe690; text-shadow: #000000 2px 3px 2px;}
	
dialog {display: compact; position: relative; background-color: #ffffcc; border: 2px ridge #ffd700; z-index: 1002; padding: .5em 1em; width: 100%; height: auto;}
dialog[open="open"] {display: block;}

@media (min-width: 30em)
{dialog {position: absolute; top: 0; margin-top: -40em; left: 50%; margin-left: -520px; width: 1000px;}}

dialog #close-dialog {position: absolute; right: 0; top: 0; height: 2em; cursor: pointer; background-color: #000000; color: #b69d36; font-size: 1em;}