-webkit-border-radius: var(--box-round);
-moz-border-radius: var(--box-round);
}
-.box:hover, .box:active {
+.box:hover,
+.box:active {
background-color: var(--box-hover-color);
}
.title {
border-left: 1px solid rgba(var(--border-color),.6);
border-right: 1px solid rgba(var(--border-color),.6);
}
-a.hchild:hover, a.hchild:active {
+a.hchild:hover,
+a.hchild:active {
background-color: var(--box-hover-color);
}
.hchild:first-child {
<img src="" alt="gms" height="60px" width="60px" /><br />
Know who's using freenode
</a>
+ <a href="PIA" class="box">
+ <img src="img/logos/newPIA.png" alt="Private internet access" height="60px" style="margin-top: 22.5px; margin-left: 5px; margin-right: 5px;" /><br />
+ </a>
</div>
</div>