body { background-color: #fff; margin:0 10px}
h1 { color:#afb1af; font-family: 'Lucida Sans', sans-serif; font-size: 38px; position:absolute; top:5px;left:200px; white-space: nowrap; overflow:hidden}
h2 { color: #757975; font-family: 'Lucida Sans', sans-serif; font-size: 16px; margin: 20px 20px; }
h3 { color: #2b3835; font-family: 'Lucida Sans', sans-serif; font-size: 18px;text-indent:20px; margin:40px 0px 10px 10px}
h4 { color: #2b3835; font-family: 'Lucida Sans', sans-serif; font-size:16px;text-indent:10px; margin:5px;}

button {margin-left:200px;padding:0 10px}
.navbar {float:left;margin: 3px 20px 20px 30px;padding:3px 20px 2px 20px; border:1px dotted  black; background-color:#e2e2e2}
.peers {padding:15px 80px;font-size:14px } 
.text {padding: 5px 0 5px 50px}
.info {padding: 5px 50px;font-family:verdana, arial, helvetica;line-height: 1.3;} 
.imglink {display:inline; margin:0px}
.logo {margin-right:50px;}
.footer  {text-align:center;}
.qrcode { text-align:center; width:220px;whitespace: nowrap;overflow:hidden;text-overflow: ellipsis;}
.qrcode2 { float:left;margin:0px 20px 40px 80px;text-align:center; width:280px;whitespace: nowrap;overflow:hidden;text-overflow: ellipsis;}
a:link, a:visited {text-decoration:none;color:#256f00; font-weight:bold}
a:hover {color: black} 
li {font-family:verdana, arial, helvetica;
font-size: 1 rem;
    text-align: left;
    font-weight: 330;
    line-height: 1.5;
}
hr {color:grey;width:95%}
.medium{ font-family:verdana, arial, helvetica;
color: black;
max-width:700px; font-size: 15px;
text-align: left;
font-weight:320;
line-height: 1.5; 
}
 #p1, #p2, .small , td{
color: #2b2b2b;
font-size: 13px;
font-weight: 210;
line-height: 1.3;
}
div.else {
width:300px;
whitespace: nowrap;overflow:hidden;text-overflow: ellipsis;
color: #2b2b2b;
font-size: 13px;
line-height: 1.3;

}

th {padding: 10px;cursor:pointer}
.ticker {max-width:360px; border:1px dotted black; background-color: #e1e1e1; color: #0e1121; font-family: 'Lucida Sans', sans-serif; font-size: 12px; font-weight: 100; text-indent: 8px; 
        -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;padding:5px;margin:0px 10px 10px 10px}
code {
font-family:monospace; font-size:13px;  
background-color:#e6e6e6;max-width:500px;padding:2px 5px
}

td.address,td.discord,td.reddit {
max-width: 180px;
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.weight {text-align:right;color:#ab0000;padding-right:30px;font-weight:bold}
.delegators {text-align:right;padding-right:30px; font-weight:bold;}
.red {text-align:right; font-weight:bold;color:red}
.black {text-align:right;font-weight:bold;}
.blue {text-align:right; font-weight:bold;color:blue}

.perc {text-align:right;padding-right:30px; font-weight:bold;}
.reddit, a.reddit:link, a.reddit:visited {color:#6d2ddc; font-weight:bold}
.github, a.github:link, a.github:visited {color:#3479df; font-weight:bold}
.discord {color:#d44600; font-weight:bold}
.twitter {color:#dada00; font-weight:bold}
td.num  {text-align:right;padding-right:20px;}
td.peercount  {text-align:right;font-weight:bold; font-size:15px;line-height: 1.2;}
td.version {text-align:right;padding-right:20px;font-size:15px ;line-height: 1.2;}
td.provider {padding-left:20px;width: 250px;text-overflow: hidden}
.percent {padding-left:20px;line-height:1;color:red;font-size:15px; text-align:right}
.dot {
  height: 10px;
  width: 10px;
  background-color:#05f05b;
  border-radius: 50%;
  display: inline-block;
}
.dotred {
  height: 10px;
  width: 10px;
  background-color:#e80000;
  border-radius: 50%;
  display: inline-block;
}