small { font-size: medium }
a { color: #0048cc;cursor: pointer;text-decoration: none;}
h1, h2, h3, h4{ padding:0;margin:0;border:none;font: inherit; }
p { margin:0; }
p, div { border-width: 0; }
ul, ol { 
	margin-block-start: 0.5em;
	padding-inline-start: 0.2em;
    margin-left: 1em;
    list-style: square;
}
ul li{ 
	list-style-type: square;
    display: list-item;
    border: 0;
    padding: 3px;
    overflow: visible;
} 
ol li {
	list-style-type: decimal;
    display: list-item;
    border: 0;
    padding: 3px;
    overflow: visible;
}
body {
    text-align: left;
    font-family: "Atlas Grotesk Web", sans-serif;
	font-size:1.05em;
    font-display: auto;
    color: #525252;
    margin: 0;
    padding: 0;
    line-height: 1;
	display:flex;
	justify-content:center;
}
select {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #2f4876;
    padding: 0.5em;
    box-shadow: 1px 1px 0 0 #2f4876;
    border-radius: 0.2em;
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
select option {
    color: #2f4876;
}
i {
	cursor:pointer;
}
h1 {
    margin-top: 1.3ex;
    margin-bottom: 0.5ex;
    font-size: 1.3em;
    line-height: 1.15em;
}
hr {
    height: 1px;
    color: #cdcccc;
    background-color: #cdcccc;
    border: none;
}
input {
	font-size: 0.95em;
    border-radius: 0.25em;
    margin-top: 0.3em;
    padding: 0.25em;
    padding-left: 0.3em;
	min-height:1.25em;
    max-width: calc(100% - 0.75em);
	text-align:center;
}

/* Blinken */

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 1s; 
    animation-iteration-count: infinite;            
}
@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}

body {
	background-color:#5193d9;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.5em;
}

body > div {
	width:25em;
	margin-top:5em;
	border-radius:0.4em;
	background-color:white;
	padding:0.25em 0.75em;
	padding-bottom: 0.75em;
}

body > div > form {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
body > div > form h1 {
	text-align:center;
}

button{ cursor: pointer;background-color:#5193d9;padding:0;margin:0;margin-top:0.25em;padding:0.5em 0.5em;border:none;color:white;box-shadow: 1px 1px 0 0 #5193d9;font: inherit;border-top-left-radius: 0.4em;border-bottom-left-radius: 0.4em;border-bottom-right-radius: 0.4em; }

body > div > form p {
	text-align:center;
	border: 1px solid #e69500;
	border-radius:0.4em;
	padding:0.75em;
	color:#e69500;
	font-weight:bold;
}