/* CSS Document */
/* mockingbird
julianne aguilar
juliannes.website
2021 */

html, body {
	min-height: 100%;
	font-size: 2vw;
}

body {
	margin: 0;
	padding: 0;
	-webkit-animation: bg 10s linear infinite alternate;
    animation: bg 10s linear infinite alternate;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	font-style: italic;
	line-height: 2;
	font-family: "Times New Roman", Times, serif;
}

mark {
	color: #fff;
	background-color: #000;
	box-shadow: 4px 4px #fff;
}

a {
	color: #fff;
}

a:link a:visited a:active a:hover {
	color: #fff;
    text-decoration-skip-ink: auto;
    text-decoration-color: #fff;
    text-decoration-thickness: .125em;
    text-underline-offset: 1.5px;
}

#container {
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.content {
	width: 100vw;
	height: 100vh;
	max-width: 100%;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textboxRight {
	float: right;
	height: 100%;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding-right: 20px;
}

.textboxLeft {
	float: left;
	height: 100%;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding-left: 20px;
}

@-webkit-keyframes bg {
	0% {background-color:#049E30;}
	50% {background-color:#0C7D27;}
	100% {background-color:#012E19;}
}

@keyframes bg {
	0% {background-color:#049E30;}
	50% {background-color:#0C7D27;}
	100% {background-color:#012E19;}
}