@media screen and (min-width: 750px) {
	body {
		width: 750px;
		margin: auto;
	}
	
	.navbaritem {
		font-size: 24px;
	}
}

@media screen and not (min-width: 750px) {
	.indexflex {
		flex-direction: column;
	}
	
	.navbaritem {
		font-size: 18px;
	}
}

::selection {
	background-color: #ff00ff;
	color: #ffffff;
}

@font-face {
	font-family: "DejavuSansBoldOblique";
	src: url('dejavu-sans-bold-oblique.ttf') format('truetype');
}

@font-face {
	font-family: "DejavuSansBold";
	src: url('dejavu-sans-bold.ttf') format('truetype');
}

@keyframes shlam {
	from,
	to {
		transform: rotate3d(1,1,1,0deg);
	}
	25% {
		transform: rotate3d(1,1,1,0deg);
	}
	50% {
		transform: rotate3d(0,-2,1,135deg);
	}
	75% {
		transform: rotate3d(1,1,0,90deg);
	}
}

@keyframes shlammashyna {
	from,
	to {
		color: #3a393f;
	}
	15% {
		color: #00a7a2;
	}
	30% {
		color: #fd9333;
	}
	45% {
		color: #46cae4;
	}
	60% {
		color: #cd2b27;
	}
	75% {
		color: #abed5d;
	}
	90% {
		color: #f369a2;
	}
}

body {
	font-family: "Times New Roman", serif;
	background-color: #ffffff;
}

a {
	text-decoration: underline;
	color: #0000ff;
}

p {
	font-size: 24px;
	line-height: 1.5;
}

code {
	background-color: #dddddd;
	font-size: 20px;
}

.navbaritem {
	text-decoration: none;
	color: #000000;
}