body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
body{
background:#111;
color:#ddd;
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:20px;
}

h1{
color:#7fc7ff;
}

.panel{
background:#1a1a1a;
border:1px solid #444;
padding:15px;
margin-bottom:15px;
border-radius:8px;
}

.metric{
font-size:36px;
color:#7fc7ff;
font-weight:bold;
}

.label{
font-size:18px;
color:#aaa;
}

#gofbar{
width:100%;
height:40px;
background:#333;
border-radius:20px;
overflow:hidden;
}

#goffill{
width:0%;
height:40px;
background:limegreen;
}

button{
padding:10px 20px;
font-size:18px;
cursor:pointer;
}

input{
font-size:20px;
width:120px;
}