lugo/static/gamer.style.css

body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: large;
	background: rgb(40, 40, 40);
	color: white;
}

main {
	max-width: 75%;
	margin: auto;
}

h1 {
	text-align: center;
}

h2 {
	text-align: center;
}

h3 {
	text-align: center;
}

h4 {
	text-align: center;
}

header h1 {
	color: white;
}

header h4 {
	/*
	The color half-way between the 
	background color and pure white
	*/
	color: rgb(163, 163, 163);
}

a:link {
	color: white;
}

a:visited{
	color: rgb(174, 174, 174);
}

article a:link {
	color: white;
}

article a:visited {
	color: rgb(211, 211, 211);
}
hr {
	border-top: 2px solid black;
	border-radius: 4px;
	animation: rgb-pulse 4s infinite alternate;
}

br {
	clear: both;
}

pre {
	/*
	This has to be flagged important because somewhere in hugo a style
	is being directly applied to pre blocks. Ill have to find it later.
	 */
	background-color: rgb(59, 59, 59) !important;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
	animation: rgb-pulse 4s infinite alternate;
	outline: solid 3px;
}

code {
	font-size: large;
	color: white;
	/*
	we need to re-define these
	for times when a single backtick is used
	*/
	background-color: rgb(59, 59, 59);
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	border-radius: 4px;
}

article {
	background-color: black;
	animation: rgb-pulse 4s infinite alternate;
	outline: solid 5px;
	padding: 3%;
	border-radius: 10px;
}

img {
	border-radius: 4px;
	max-width: 100%;
	max-height: 100%;
	animation: rgb-pulse 4s infinite alternate;
	outline: solid 3px;
}

figure {
	margin: 2%;
}

footer {
	padding-top: 2%;
	text-align: center;
	clear: both;
}

footer a:any-link {
	color: white;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
	color: black;
}

#nextprev a:any-link {
	color: black;
}

#nextart {
	float: left ;
	text-align: left ;
}

#prevart {
	float: right ;
	text-align: right ;
}

#nextart,#prevart {
	max-width: 33% ;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center;
	clear: both;
	color: rgb(64, 64, 64);
}

/* For putting right / left boxes next to each other */
.left {
	width: 45%;
	padding-right: 5%;
	float: left;
	clear: both;
}

.right {
	width: 45%;
	padding-left: 5%;
	float: right;
}

.subtext {
	color: rgb(151, 151, 151);
	font-style: italic;
}

@keyframes rgb-pulse {
	0% {outline: solid rgb(245, 78, 78);} 
	20% {outline: solid rgb(105, 254, 105);} 
	40% {outline: solid rgb(255, 255, 42);} 
	60% {outline: solid rgb(111, 248, 255);} 
	80% {outline: solid rgb(255, 70, 255);}
	100% {outline: solid rgb(245, 78, 78);} 
 }