a:link{text-decoration:underline; color:#0000ff;}
a:visited{text-decoration:underline; color:#0000ff;}
a:focus{text-decoration:underline;}
*{box-sizing: border-box;}
html{min-height:100%;}
body{min-height:100%;height:100%;margin:0;line-height:1.5em;font-size:125%;background-color:#ececec;}
p{margin:15px 10px;}
ul{margin:15px 10px;padding-left:60px;text-indent:-60px;list-style:none;}
input,textarea,button{font-size:100%;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: button;}
form,ol{margin:0;}
.world{display:flex;flex-direction:column;min-height:100%;min-width:100%;height:0;}
.main{flex:1 0 auto;margin:0 auto;max-width:720px;width:100%;background-color:#ffffff;}
footer{flex:0 0 auto;text-align:center;background-color:#3b3838;font-size:75%;color:#ffffff;line-height:150%;padding:15px 10px 10px 10px;}
footer a:visited,footer a:link{color:#ffffff;}
.user{line-height:1.25;margin:15px;}
@media screen and (min-width:560px) {
header{flex:0 0 auto;height:60px;width:100%;margin:0;color:white;background:linear-gradient(90deg,#ff002f,#4169e1 480px,#4169e1);}
.logo{float:left;width:335px;}
.gla{max-width:78px;margin:0 0 0 20px;}
.glive{height:45px;margin:10px 0 0 20px;}
.user{float:right;text-align:center;font-size:75%;}
.user span{display:block;}
}
@media screen and (max-width:559px) {
header{flex:0 0 auto;height:60px;width:100%;margin:0;color:white;background:linear-gradient(90deg,#ff002f,#4169e1 320px,#4169e1);}
.gla{max-width:55px;margin-left: 15px;margin-bottom: 3px;}
.glive{height:35px;margin-top: 5px;margin-left: 15px;}
.user{margin:0;font-size:60%;text-align:right;}
.user span{margin-right: 15px;}
}