tr {
		font-size: 30px;
		font-family: arial black;
		padding-right: 10px;
        font-color: white;

	}
		th {
		
		font-size: 10px;
		padding-right: :20px;
	}
		td {
		font-size: 30px;
		border: solid;
		font-family: arial black;
        border-radius:;

	}
	
	body {
		text-align: center;
		font-size: 70px;
		background-color: red;
			}
	a {
		text-decoration: none;
	}
	b {
		font-size: 10px;
		font-family: arial black;
	}
	 header {
        text-align: center;
        background-color: gray;
        font-size: 100px;
        padding-top: 30px;
        padding-bottom: 30px;
        font-family: Impact;
        width: 100%;
        background-image: url(head.png);
    	background-size: 100%
    }
    footer {
        text-align: center;
        background-color: gray;
        font-size: 20px;
        text-align: left;
        padding-left: 40px;
        padding-bottom: 10px;
    	width: 100%;
    	background-image: url(foot.png);
    	background-size: 100%;
    	text-align: center;
    	font-family: impact;



    }
    table {
    	background-image: url(Capture.png);
    	background-size: 100%;
    	width: 500px;
    	font-size: 30px;
      margin-left: 150px;
      border-left: 1px solid gray;
      margin-right: 100px;
      border-right: 1px solid gray;
       align-content: center;

    }
    menu {
    	text-align: left;
    }
    li {
    	text-align: left;
    }
    ul {
    	text-align: left;
    }
    img {
    	text-align: left;
    }
    span {
    	margin-left: 170px;
    }
#GE a {
    position: absolute;
    right: -90px;
    transition: 0.3s;
    padding: 1px;
    width: 150px;
    text-decoration: none;
    font-size: 15px;
    font-family: impact;
    color: black;
    border-radius: 0 5px 5px 0;
}
#GE a:hover {
    right: 0;
}
#Group {
    top: 200px;
    font-size: 10px;
}
	#mySidenav a {
    position: absolute;
    left: -75px;
    transition: 0.3s;
    padding: 10px;
    width: 150px;
    text-decoration: none;
    font-size: 15px;
    font-family: impact;
    color: black;
    border-radius: 0 5px 5px 0;
}

#mySidenav a:hover {
    left: 0;
}

#NaturalOccurence{
    top: 200px;
    font-size: 10px;
}

#Elements {
	font-size: 10px;
}
#name {
	font-size: 7px;
}



#Non-Metals {
	background-color: red;
}
#Non-Metals:hover {
	background-color: gray;
}


#Alkali {
	background-color: steelblue;
}
#Alkali:hover {
	background-color: gray;
}



#Alkaline {
	background-color: greenyellow;
}
#Alkaline:hover {
	background-color: gray;
}


#ETM {
	background-color: orange;
}
#ETM:hover {
	background-color: gray;
}



#LTM {
	background-color: indigo;
}
#LTM:hover {
	background-color: gray;
}




#SM {
	background-color: lightblue;
}
#SM:hover {
	background-color: gray;
}




#PM {
	background-color: lightseagreen;
}
#PM:hover {
	background-color: gray;

}
#HG {
	background-color: plum;
}
#HG:hover {
	background-color: gray;
}

#NG {
	background-color: yellow;
}
#NG:hover {
	background-color: gray;
}

#Lanthanides {
	background-color: mediumpurple;
}
 #Lanthanides:hover{
 	background-color: gray;
}

#Actinides {
	background-color: paleturquoise;
}
#Actinides:hover {
	background-color: gray;

}


.Non-Metal-h {
            text-align: center;
            background-color: rgb(207,40,7);
            font-size: 50px;
            padding : .008em;
        }
article {
        margin-left: 100px;
        border-left: 1px solid gray;
        margin-right: 100px;
        border-right: 1px solid gray;
        padding: 1em;
        overflow: hidden;
        font-size: 30px;
        font-family: sans-serif; 
        
    }
.Non-Metal-t{}
    .topnav {
        overflow: hidden;
        background-color: #e9e9e9;
        position: 50%;
    }
    .topnav a {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 30px;
        border-right: 1px solid gray;
    }
    .image {
    position: absolute;
    right: 150px;
    transition: 0.3s;
    padding: 1px;
    width: 150px;
    text-decoration: none;
    font-size: 15px;
    font-family: impact;
    color: black;
    border-radius: 0 5px 5px 0;
    }