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

html, body {
	min-height: 100%;
}

body {
	background-color: #000000;
	max-width: 100%;
	margin:0;
	padding:0;
	overflow: hidden;
}

.container {
	position: relative;
	top:0;
	left:0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}

img {
	max-width: 60vw;
	max-height: 60vh;
}

.text {
	position: relative;
	top:0;
	left:0;
	height: 100vh;
	width: 100vw;
	font-family: 'Crimson Text', serif;
	font-size: 6vw;
	animation: text 10s ease alternate infinite;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100vw;
	transform: rotate(1deg);
}

@keyframes text {
	0% {color:#60575a;}
	100% {color:#556950;}
}