@font-face {font-family: "UniformBold"; src: url("font/Uniform-Bold.otf");}
@font-face {font-family: "UniformMedium"; src: url("font/Uniform-Medium.otf");}
@font-face {font-family: "UniformRegular"; src: url("font/Uniform-Regular.otf");}
@font-face {font-family: "UniformUltra"; src: url("font/Uniform-Ultra.otf");}
@font-face {font-family: "Stencil"; src: url("font/SairaStencilOne-Regular.ttf");}
h1{font-family: "Stencil"; font-weight: 400; font-style: normal; line-height: initial;}
html, body{width:100%; height:100%; overflow:hidden; padding:0; margin:0; display:block;}
::selection { background: transparent; }
::-moz-selection { background: transparent; }
body{font-family: UniformRegular, Helvetica Neue, Helvetica, sans-serif;}
.border{border:1px solid #000;}
button{margin-left:auto; margin-right:auto;}
.symbol{font-size:24px;}
#directory{float:left; width:100%; clear:both;}
.stencilbutton{display:block; background-color:#000000; color:#ce202f; font-family: Stencil, sans-serif; font-weight: 900; font-style: normal; line-height: initial;}

#buttons, #form{border:1px solid black; width:90%; padding:15px;}
body, html{width:100%; height:100%; margin:0; padding:0;}
body{background-image:url('/wp-content/plugins/missioncalc/logo.png'); background-repeat:no-repeat; background-position: center center; background-size:min(60vw, 60vh);}
#container{width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:overlay;}
#header, #headertop, #headerbranding, #headerlogo{width:100%; margin:0; padding:0;}
#headertop{background:#252c39;}
#headertext{background:#252c39; text-align:center; color:white; font-family:UniformMedium;}
.columnhead{ font-family:UniformMedium;}
#headerlogo{float:left;background-image:url('/wp-content/plugins/missioncalc/logo.png'); background-repeat:no-repeat; background-position: center center; background-size:contain;}
#headerbranding{background-image:url('/wp-content/plugins/missioncalc/bubbles.jpg'); background-repeat:no-repeat; background-position: right center; background-size:contain;}
select{float:left; clear:left; color:white; background-color:#678830;}
.cell0{float:left; margin:0; padding:0; clear:left;}
.cell1{float:left; margin:0; padding:0; clear:none;}
.cell2{float:left; margin:0; padding:0; clear:none;}
.cell12{float:left; margin:0; padding:0; clear:none;}
.row0{background-color:#eee; border:solid 1px #949494;}
.row1{background-color:#dadada; border:solid 1px #949494;}
.row2{background-color:#678830; color:white; border:solid 1px #949494;}
input, div{box-sizing:border-box;}
.valid{background-color:white;}
.invalid{background-color:yellow;}