html {
	background-image: url(../assets/c70340c5333b304b.gif);
	background-size: cover;
	}

body {
	max-width: 64em;
	margin: auto;
	font-size: 1rem;
	}

h1 { 
	font-size: 2em;
	line-height: 1.2em;
	}

.hogcock, .letmeout {
	display: flex;
	justify-content: center; 
	align-items: center; 
	margin-bottom: 2em; 
	padding: 0.6rem; 
	text-align: center;
	}

p { text-align: center;}

.hogcock {
	min-height: 4em; 
	background-color: var(--pagecolour);
	border: 2px solid var(--contentbordercolour);
	font-size: 1.3em;
	line-height: 1.3em;
	
	animation-duration: 0.01s;
	animation-name: textflicker;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	}
.hogcock:hover {
	box-shadow: 
		4px 0px 6px #ff00ff, 
		-4px 0px 6px #00ffff; 
	}
	
 @keyframes textflicker {
    from {
      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
    }
    to {
      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
    }
  }	
	
.letmeout {
	height: 5em;
	background-color: #b00b13;
	background: repeating-radial-gradient(
		circle,
		#b00b13,
		#b00b13 20px,
		#ff0000 20px,
		#ff0000 40px
		);
	font-size: 1.1em;
	line-height: 1.4em;
	border: 4px solid #b00b13;
	border-radius: 8em;
	}
.letmeout a { 
	background-color: var(--pagecolour);
	color: snow;
	padding: 0.2em 0.8em;
	border: 4px solid #ff0000;
	border-radius: 0.8em;
	box-shadow: 8px 8px #b00b13;
	}
.letmeout a:hover {
	color: #b00b13;
	border-color: #b00b13;
	box-shadow: 8px 8px #ff0000;
	}

#sludgetown {
	height: 57px;
	width: 120px;
	vertical-align: middle; 
	}

#sludgetown:hover {
	transform: rotate(360deg);
	transition: 1s;
	}

.crt::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

.crt::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}

@media (min-width: 600px) {
	body {
		font-size: 1.1rem;
		}
	h1 { 
		font-size: 3em;
		}
	.letmeout { font-size: 1.4em; }
	}

@media (min-width: 900px) {
	body {
		font-size: 1.2rem;
		}
	}