@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body {font-family: 'Noto Sans', sans-serif; font-size: 1.25em; background-image: repeating-conic-gradient(#f88 0%, #8f8 12%, #ff8 25%, #88f 38%, #f88 50%); background-color: #fff; background-attachment: fixed; margin: 0;}

div.main {
box-sizing: border-box; overflow: hidden; width: 97%; max-width: 60em; border: 0.5em solid #000; border-radius: 1em; margin: 0.7em auto; padding: 0em 2em; background-color: #dfa; box-shadow: 0 0.7em 1em 0.3em rgba(0, 0, 0, 0.5);
}

img.logo {display: block; width: 7.5em; margin: 1em auto -.5em;}

h1 {font-size: 1.5em; font-weight: bold; margin-bottom: 0.1e\m; text-align: center; line-height: 1em;}
h2 {font-size: 1.15em; margin-top: 0; text-align: center; font-weight: normal;}

h3 {font-size: 1.05em; margin: .5em 0 .1em;}

h3+p {margin-top: 0;}

span.nw {white-space: nowrap;}

p,li{font-size: 1em; line-height: 1.4em;}

p.prelist {margin-bottom: .3em;}

p+ol {margin-top: .15em;}

li {margin-bottom: .2em;}

a {color: #00f;}

.el-input__inner, .el-textarea__inner {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1em;
	background-color: #ddd;
	border: 0.1em solid #000;
	}
	
.el-input__inner:focus, .el-textarea__inner:focus {background-color: #fff;}

.cog-button {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1em;
	padding: .2em .5em;
	background-color: #ddd;
	border: 0.15em solid #000;
	}

.cog-button:hover {background-color: #aaa;}

.cog-button:active {background-color: #fff;}

p.footer {
font-size: 1em; font-style: oblique; color: #444; margin: .3em -2em; padding: 0.3em; text-align: center;
}

p.disc {
font-size: 1em; font-style: oblique; color: #444; margin-top: 0;
}

/*--------------------------------RESPONSIVE DESIGN-----------------------------*/
@media only screen and (max-width: 500px) {
img.logo {width: 30vw;}
}