style.css

@font-face {
    font-family: 'rasterregular';
    src: url('fonts/raster-webfont.woff2') format('woff2'), url('fonts/raster-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 3;
}

body {
    background-image: url("wp-content/channels4_banner.png");
    background-color: black;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'rasterregular';
}

h1 {
    font-weight: bold;
    color: green;
    padding: 0.5%;
    font-size: 220%;
}

p {
    font-weight: bold;
    float: bottom;
    color: green;
	font-size: 160%;
}

header {
    grid-area: header;
    margin-top: 20px;
}

sidebar {
	grid-area: sidebar;
    padding: 10%;
}

.button {
    border: none;
    font-weight: bold;
    color: green;
    padding: 1% 1%;
    text-decoration: none;
    font-size: 200%;
    float: left;
}

.button:hover {
    background-color: #3e8e41;
}

.social {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
}

.pixel {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.terminal {
    background: rgba(0, 0, 0, 0.9);
    border-style: double;
    border-color: green;
    border-width: 5px;
    border-radius: 5px;
}

.gg-contain {
    display: grid;
    grid-row-gap: 1vw;
    grid-template-columns: 8% auto auto;
    grid-template-rows: auto auto auto;
    /*justify-items: center;*/
    grid-template-areas: "header header header"
        "sidebar atricle atricle"
}

.item {
    grid-area: atricle;
    padding: 5%;
}
.dropdown {
	display: inline-block;
	float: right;
	position: relative;
	right: 10%;
	padding: 14px 16px;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-size: cover;
	image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
.dropdown-content {
	display: none;
	position: relative;
	float: inherit;
	 right: -150%;
	top: 10%;
	z-index: 1;
}
.dropdown:hover .dropdown-content { display: block; }
@media screen and (max-width: 600px) {
	.gg-contain {
		grid-row-gap: 1vh;
    	grid-template-columns: auto auto auto;
		position: relative;
		float: inherit;
	}
	p {
		font-size: 4vw;
	}
	h1 {
    	font-size: 4vw;
	}
	.button {
		font-size: 4vw;
	}
	.item {
    padding: 1vw;
	}
	.pixel {
	width: 40vw; 
	height: 40vh;
	}
}