CSS

hello, i need help;
ive used https://codepen.io/tmrDevelops/pres/jPayjd and basically copy pasted the code, but i need it to go over the whole page and i want to change the backround to invisible, so i basically only have the lightneing strikes.... can someone help me out?

My home page

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

}

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

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

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

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

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

}

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

Pippa

  "@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",

My website (www.txfannin.org) 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).

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.