Cascading Style Sheets

My :hover doesn't work properly, When i hover over the h2's it doesn't underline the h2


My home page

h1 {
margin-top: 50px;
font-family: "Garamond", serif;


h2 {
margin-top: 0px;
font-size: 15px;
font-family: "Garamond", serif;

.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 80px;

header > h2 {
color: #2D52A0;
font-family: "Arial", sans-serif;

header > h2:hover {
text-decoration: underline;

.English {
position: relative;
bottom: 250px;
right: 120px;


balls'ed up my CSS JSON Code. HELP!

Hello! I'm a real newbie when it comes to coding, can someone take a look at this code and correct it. Needs to be JSON compatible. It's a mobile-friendly table instruction.

many thanks in advance


  "@media (max-width: 768px)": {
    ".dataTables_filter": {
      ".table thead": {
        "display": "none"
    ".table, .table tbody, .table tr, .table td": {
      "display": "block",
      "width": "100%",
      ".table tr": {
        "margin bottom": "15px",
        ".table td": {
          "text-align": "right",

Mobile Menu Dropdown Issue

My website ( is very content heavy and thus requires multiple menu choices. As the view port size decreases I move main menu item to a master dropdown menu item which thus becomes the mobile toggle menu item. But, I noticed something interesting with the menu organization.

The mobile menu has multiple option some with further dropdown items. The oddity is that if the last item in the list is a dropdown item then only one of the dropdown items will show (should be 4).

Black text to white

Is there a way to make all white text black? And all other text colours brighter by a certain percentage?
I cant change the HTML only the CSS.

black text

I edit Wikipedia regularly and I want dark mode so it is easer on my eyes. There is no skin which does this for you there are chrome extension which do it but I find them hard to use and they also slow down my computer. You can add custom css to a skin so I added this to a skin:

body {background-color: rgb(24, 24, 24);}
.cnotice {
    position: relative;
    overflow: hidden;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    margin-bottom: 1em;
    cursor: pointer;
    color: #222;
    font-weight: 500;

Syndicate content