/* adapted from https://www.youtube.com/watch?v=R7b3OlEyqug */

/* add column for navigation */
body {
	display: grid;
	grid-template-columns: auto 1fr;
}

main {
	margin-left: 2em;
}

ul {
	margin-left: 1em;
}

/* remove bullet points */
#sidebar ul {
	list-style: none;
}

#sidebar {
	position: sticky;
	top: 0;
	align-self: start;
	margin: 0;
}

/* If you want, display active class differently */


/* Minecraft style animation */

#welcome-text {
	color: yellow;
	animation: zoomAnimation 1.5s infinite ease-in-out;
	display: inline-block;
	transform-origin: center;
	rotate: -13deg;
	font-size: 15px;
	position: absolute;
	bottom: 40px;
	right: -60px;
	z-index: 2;
	margin: 0;
}

.wrap {
	position: relative;
	display: inline-block;
}

#title {
	position: relative;
	z-index: 1;
}

@keyframes zoomAnimation {
	0%, 100% {
	transform: scale(1);
	}
	
	50% {
	transform: scale(1.15);
	}
}