@font-face{font-family:osw;font-style:normal;font-weight:normal;src:url('fonts/oswald300.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:normal;src:url('fonts/openr.woff') format('woff');}

*{margin:0;padding:0;}
*,*:before,*:after{box-sizing:border-box;}
html,body{height:100%;}
body{font-family:fnt,sans-serif;font-size:100%;background-color:#fff;line-height:1.4;overflow:hidden;}
p{margin-bottom:1rem;}

h1{font-family:osw,sans-serif;font-size:180%;margin:.8em;text-align:center;}

#content{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
}
#header{
    flex-shrink:0;
	background-color:#EE5736;
    display: flex;
    align-items: center;
}
main{
    flex-grow:1;
    overflow:auto;
    min-height:2rem;
}
#box{
	max-width:45.9rem;
	margin:0 auto;
	padding:.5rem;
}
#chars{
    flex-shrink:0;
}

#suburani-logo{width:11rem;padding-left:1rem;float:left;}
#appttl{font-size:1.2rem;margin-left:1rem;display:inline-block;color:#eee;}
#signout{position:absolute;top:.5em;right:.5em;}

button{font-family:fnt;font-size:.85rem;-webkit-appearance:button;-webkit-writing-mode:horizontal-tb !important;text-rendering:auto;color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:center;align-items:flex-start;cursor:default;background-color:#efefef;box-sizing:border-box;margin:0;padding:0.35rem 0.3rem 0.25rem 0.3rem;border-width:1px;border-style:outset;border-color:#767676;border-image:initial;border-radius:3px;text-transform:uppercase;min-width:4rem;}

button:hover{background-color:rgb(220, 220, 220);}

.account{
	background-color:#EE5736;
	color:#fff;
	font-family:osw;
	font-size:1rem;
	display:block;
	padding:2px 5px;
	text-align:center;
	width:12rem;
	margin:2rem auto 0 auto;
	cursor:pointer;
	border:1px solid #B54F35;
	border-radius:3px;
}

.account:hover{
	background-color:#B54F35;
	color:#fff;
}

button a{color:white;text-decoration:none;}