:root {
	--pred: rgba(201, 35, 45, 1);
	--pblack: rgba(0, 0, 0, 1);
	--pwhite: rgba(217, 217, 217, 1);
	--pgreen: rgba(0, 127, 46, 1);

	--flag-height: 2rem;
}

body {
	background-color: white;
	color: var(--pred);

	margin: 0;
	padding: 0;
}
a {
	color: var(--pblack);
}

.flag {
	background: linear-gradient(0deg, var(--pgreen) 0%, var(--pgreen) 33%, var(--pwhite) 33%, var(--pwhite) 66%, var(--pblack) 66%, var(--pblack) 100%);
}
.flag-triangle {
	float: left;
	height: var(--flag-height);
	width: var(--flag-height);
	transform: scaleX(1.5) rotate(45deg);
	background-color: var(--pred);
	color: var(--pred);
	position: relative;
	left: calc(-1 * calc(var(--flag-height) / 2) - 10px);
}

#header {
	width: calc(100vw - 20px);
	height: var(--flag-height);
	padding: 10px;
}
#header-title {
	font-size: 20px;
	font-weight: bold;
	background: white;
	color: var(--pred);
}

.alt-flags {
	float: right;
	display: block;
	height: var(--flag-height);
}
.alt-flags a img {
	width: auto;
	height: 100%;
}

#content {
	padding: 10px;
}

#meme {
	height: 600px;
}

img {
	max-width: 100%;
}