*{box-sizing:border-box}
html,body{padding:0;margin:0;height:100%}
html{background:black;background-repeat:no-repeat;
background-size:cover;background-position:center;color:white}
body,input,button{font-family:sans-serif}
body{font-size:13pt;}
header{padding:32px 0}
h1,h2{margin:0;font-weight:normal;display:flex;align-items:center}
/*h1{background:rgba(0,0,0,0.7)}
h2{background:rgba(0,0,0,0.45)}*/
footer .fr{display:flex;flex-direction:row;justify-content:space-between;padding:32px 0}
a{color:white;text-decoration:none;border-bottom:1px solid #999}
a:hover{border-bottom:1px solid #b13533;}
.d > span {background:white;border-radius:50%;width:8px;height:8px;display:inline-block;margin-right:8px}
.d .g{background:#b13533}
#vs { display:flex;height:100%;min-height:100%}
#f{background:#110813;padding:2em;display:flex;flex-direction:column;justify-content:space-between}
#bg{flex-grow: 1; /*background-image: url(s/l32Fm.webp); */ background-repeat: no-repeat; background-size: cover; background-position: bottom}
button{cursor:pointer;background:#222;color:#ddd;border:none;border-radius:5px;padding: .5em .7em}
button:hover{background:#444;color:#efefef}
input,button{display:block;width:100%}
input{background:black;color:#ddd;border:1px solid #333;border-radius:5px;padding: .5em .7em}
input:focus-visible{outline:1px solid #999}
input ::placeholder{color:#999}
@media (min-height: 900px) {
footer input, footer button { font-size: 14pt }
}