* { box-sizing: border-box; }

body {
	background: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #ddd;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
    margin: 0; padding: 0;
    margin: auto; padding: 0;
}

main {
	max-width: 820px;
	margin: 0 auto 1em auto;
	text-align: left;
	padding: 10px;
}

footer {
	margin: 0 auto 1em auto;
	max-width: 820px;
}

.comicpage img {
    max-width: 100%;
    height: auto;
	display: block;
	margin: 1em auto;
}

a {
	color: #c77489;
    text-decoration: none;
}

a:hover {
	color: #eee;
}

nav {
	background: #111;
	border-bottom: 1px solid #444;
}

nav div {
	margin: auto;
	text-align: left;
	max-width: 810px;
}

nav a {
	display: inline-block;
	padding: 10px 6px;
}

.center { text-align: center; }
.left 	{ text-align: left; }
.right	{ text-align: right; }

.fleft	{ float: left; }
.fright { float: right; }

.gus,.wingus {color:#ff7f27;}
.pav,.pavilio,.funguy2 {color:rgb(153,217,234);}
.jay,.possum,.jason {color:#c3c3c3;}
.tool,.tooligan,.toolig {color:rgb(255,201,14);}
.jun,.june,.seraph {color:rgb(163,73,164);}
.army,.military {color:#878963;}
.red,.joe,.grunt { color:#ff0000;}
.pee,.peeman,.pman { color: #ffff00; }
.jesse { color: #ff00ff; }
.darkred { color: #7F0000; }
.white { color: #fff; }
.r8 { color: #B0AC91; }
.yug { color: rgb(34,177,76); }
.funguy,.funnyguy {color:#ed1c24;}
.crash,.wake {color:rgb(42,160,191);}
.sal,.sally {color:#e14a92;}
.gavlar {color:#C8BFE7;}

.weed {
	animation: rainbow 5s infinite;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

@keyframes rainbow {
	0%  {color: orange;}	
	10% {color: purple;}	
	20% {color: red;}
	30% {color: CadetBlue;}
	40% {color: yellow;}
	50% {color: coral;}
	60% {color: green;}
	70% {color: cyan;}
	80% {color: DeepPink;}
	90% {color: DodgerBlue;}
	100%{color: orange;}
}

@keyframes linked {
	0%  { color: #A349A4; }
	50% { color: #C8BFE7; }
	100%{ color: #A349A4; }
}