html {
    font-family: 'Share Tech Mono', monospace;
    background: url(https://grainy-gradients.vercel.app/noise.svg);
    background-color: black;
    color: white;
}

body {
    background-color: black;
}

header, footer, section {
    padding: 3%;

    text-align: center;
}

header {
    background: 
    linear-gradient(to top, black, transparent), 
    url(https://grainy-gradients.vercel.app/noise.svg);
    filter: contrast(100%) brightness(100%);  
}

nav {
    border: solid;
    background-color: black;
    margin-left: 25%;
    margin-right: 25%;
    padding: 1%;
}

footer {
    background: 
    linear-gradient(to bottom, black, transparent), 
    url(https://grainy-gradients.vercel.app/noise.svg);
    filter: contrast(100%) brightness(100%);  
}

img {
    display: block;
    width: 75%;
    height: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

main {
    margin-left: 10%;
    margin-right: 10%;
    padding: 5%;
}

img, main, article, section {
    border: solid;
    background-color: black;
}

article {
    margin: 2.5%;
    padding: 1%;
}

td {
    display: block;
}

h1, h2, a {
    background: linear-gradient(-45deg, violet, indigo, blue, green, yellow, orange, red);
    animation: gradient 5s ease infinite;
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

table {
    border: solid;
    background-color: black;
    margin-left: 0%;
    margin-right: 0%;
    padding: -5%;  
    text-align: center;    
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}