@charset "utf-8";

/* CSS Document */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: large;
}

body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap: break-word;
}

header {
	display: block;
	margin: 0 auto;
	padding: 3px;
	width: auto;
	background-color: gainsboro;
}

.wrap {
	overflow: hidden;
	margin: 0 auto;
	width: 640px;
	background-color: lightgray;
}

footer {
	display: block;
	margin: 0 auto;
	padding: 3px;
	width: auto;
	background-color: gainsboro;
	text-align: center;
}

input {
	padding: .3rem;
	outline: none;
	border: solid 2px skyblue;
	border-radius: .3rem;
	font-size: 1.2rem;
	line-height: 1rem;
}

input:focus {
	border-color: orange;
}

svg {
 	margin: 1em;
 	width: 50%;
 	/* Adjust as needed */
 	height: auto;
 	background-color: white;
}

#result {
	background-color: lightgray;
}