﻿
div#dvAtcHdr-Hello {
	display: block grid;
	font-size: 4.0cqw;
	overflow-x: hidden;
}

	div#dvAtcHdr-Hello > figure {
		width: max-content;
		max-width: 100%;
		margin: auto;
	}

		div#dvAtcHdr-Hello > figure.icon {
			min-width: 10em;
			width: fit-content;
			min-height: 8em;
			margin: 1em auto 2em auto;
			text-align: center;
		}

			div#dvAtcHdr-Hello > figure.icon > span {
				font-size: 10em;
				line-height: 1.0;
			}

		div#dvAtcHdr-Hello > figure.title {
		}

			div#dvAtcHdr-Hello > figure.title > p {
				font-family: monospace;
				font-size: 1em;
				width: max-content;
			}

				div#dvAtcHdr-Hello > figure.title > p:nth-of-type(1) {
					font-size: 310%;
					margin: 0 auto 0.3em 0;
				}

				div#dvAtcHdr-Hello > figure.title > p:nth-of-type(2) {
					font-size: 120%;
					margin: 0 auto auto 0.2em;
				}

					div#dvAtcHdr-Hello > figure.title > p:nth-of-type(2) > strong {
						font-size: 160%;
					}

				div#dvAtcHdr-Hello > figure.title > p:nth-of-type(3) {
					font-size: 120%;
					margin: 0.1em auto auto 0.8em;
				}

				div#dvAtcHdr-Hello > figure.title > p:nth-of-type(3) > span {
					font-size: 150%;
				}

	div#dvAtcHdr-Hello > p.genre {
		width: max-content;
		margin: 2.5em auto;
		font: 1.3em/1.3 monospace;
		color: gray;
	}

	div#dvAtcHdr-Hello > a.link {
		display: block;
		box-sizing: border-box;
		min-width: 42%;
		width: max-content;
		max-width: 100%;
		overflow-x: hidden;
		margin: 1em 0.3em 0.3em auto;
		border: 0.2em outset;
		border-radius: 0.3em;
		border-color: var(--color-strong);
		box-shadow: 0.05em 0.05em lightgray;
		padding: 0.6em 1.3em;
		text-align: center;
		font: bold 1.3em/1.3 monospace;
		font-variant: small-caps;
		color: var(--color-strong);
		white-space: pre-wrap;
	}

		div#dvAtcHdr-Hello > a.link > span {
			font-size: 130%;
			font-weight: bolder;
		}

		div#dvAtcHdr-Hello > a.link:hover, div#dvAtcHdr-Hello > a.link:focus {
			border-color: var(--color-striking);
			color: var(--color-striking);
			outline: 0.2em dashed var(--color-striking);
			outline-offset: 0.1em;
		}

		div#dvAtcHdr-Hello > a.link:active {
			border-style: inset;
			background-color: var(--color-striking);
			border-color: white;
			color: white;
			outline: 0.2em solid var(--color-striking);
			outline-offset: 0.1em;
		}
