*{box-sizing: border-box;}

body {background-color: #000000;
font-family: Electrolize;
color: #76B900;}

header {background-color: #76B900;
font-family: Electrolize;
color: #000000;
text-align: center;
}

textarea {
border: 1px solid #ccc;
background-color: #76B900;
border-radius: 5px; 
color:#000000
        }

nav {background-color: #76B900;
	 display: flex;
	 gap: 260px;
align-items: center;}


footer {background-color: #76B900;
color: #000000;}

nav a:link {color: #000000;}		
nav a:visited {color: #FFFFFF;}
nav a:hover {color: #FFFFFF;}

a:link {color: #76B900;}
a:visited {color: #FFFFFF;}

#hero1 {background-image:url(pc.png);
	   height:300px;
	   background-repeat: no-repeat;
	   background-size: 100% 100%;
	   margin-left: 1100px;}
	   
table {border: 1px solid #FFFFFF;
	   width: 80%;
	   border-spacing: 0;
border-collapse: collapse;}

td, th {padding: 5px;
border: 1px solid #76B900}

td {text-align: center;}
	  
.video {border: none;}
	   
@media only screen and (max-width: 37.5em) {

main {padding: 0.1em 1em;
	  font-size: 90%;}

h1 {font-size: 2em;}

nav {padding: 0;
	 gap: 10px;}
	 
textarea {height: 100%;
width: 100%;}


nav a {display: block;}
}