/**
 * #d9ebff	Dark blue
 * #7fa8d4	Shade blue
 * #d9ebff	Light blue
 * #4f3c1b	Dark brown
 * #d4b57f	Light brown
 */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');

*{box-sizing:border-box;margin:0}

html{
	block-size: 100%;
	color-scheme: light
}

body {
	--text-color: #1b344f;
	--background-color: #ffffff;
}
body.dark-theme {
	--text-color: #d9ebff;
	--background-color: #1b344f;
}


@media ( prefers-color-scheme: dark ) {
	body {
		--text-color: #d9ebff;
		--background-color: #1b344f;;
	}
	body.light-theme {
		--text-color: #1b344f;;
		--background-color: #ffffff;
	}
	html {
		color-scheme: dark
	}
}

svg {
	/*max-inline-size: 20vw*/
	/*max-block-size: 20vw;*/
	max-width: 20vw;
	max-height: 20vw;
}

body{
	min-block-size: 100%;
	font-family: Ubuntu Mono, monospace;
	display: grid;
	align-content: center;
	justify-content: center;
	place-content: center;
	background: var(--background-color);
	color: var(--text-color);
	text-align:center;
}
span {
	padding-top:0.5em;
	font-size:2.5vw;
	letter-spacing:0.23em;
	/*margin-right:-0.23em;*/
}
span:after {
   content:" ";
   margin-left: -0.23em;
}

@-webkit-keyframes octocat-wave { 0%, to {transform:rotate(0)} 20%, 60% {transform:rotate(-25deg)} 40%, 80% {transform:rotate(10deg)} }
@keyframes octocat-wave{ 0%, to {transform:rotate(0)} 20%, 60% {transform:rotate(-25deg)} 40%, 80%{transform:rotate(10deg)} }