@keyframes blink_anim {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

.blink {
	animation-name: blink_anim;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

.snav {
	font-family: 'Cutive Mono', monospace;
	font-size: 1.2em;
	display: inline;
}

.nav {
	display: inline;
}

.snav a {
	font-family: 'Cutive Mono', monospace;
	text-decoration: none;
	color: #939393;
	text-align: center;
	padding: 14px 16px;
	//font-size: 1.2em;
	transition: letter-spacing 1s;
}

.snav a:hover {
	color: black;
	transition: color 1s;
	/*font-weight: bold; */
	/* letter-spacing: 2px; */
}

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lobster-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lobster Regular'), local('Lobster-Regular'),
       url('fonts/lobster-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lobster-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lobster-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lobster-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lobster-v20-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}

/* cutive-mono-regular - latin */
@font-face {
  font-family: 'Cutive Mono';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cutive-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cutive Mono Regular'), local('CutiveMono-Regular'),
       url('fonts/cutive-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cutive-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cutive-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cutive-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cutive-mono-v6-latin-regular.svg#CutiveMono') format('svg'); /* Legacy iOS */
}

.logo {
	font-family: 'Lobster', cursive;
	font-size: 4em;
	text-align: center;
	margin: 15px 15px;
	animation-name: fade_in;
	animation-duration: 2s;
	//animation-fill-mode: forwards;
}

body {
	font-family: 'Muli', sans-serif;
	margin-left: 3%;
	margin-right: 3%;
}


@keyframes logo_fade {
	0% {
		color: red;
	}
	50% {
		color: black;
	}
	100% {
		color: #00BEFF;
	}
}

.logo:hover .dot{
	animation-name: logo_fade;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}


aside{
	text-align: center;
}

#content {
	margin-top: 30px;
	width: 75%;
	margin-left: 10%;
}

li{
	margin: 4px;
}