/* @font-face {
	font-family: 'whois-mono';
	src: url('http://s192400.gridserver.com/PushingScoresTests/whois-mono.ttf');
}

@font-face {
	font-family: 'SelectricMono';
	src: url('http://s192400.gridserver.com/PushingScoresTests/SelectricMono.otf');
} */


@import url('https://fonts.googleapis.com/css?family=Vesper+Libre&display=swap');

body{
	background: #ffffff;
	color:blue;
	font-family: 'Vesper Libre';
	width: 100%;
}

a{
	text-decoration: none;
}

a:visited {
    color:purple;
}

a:hover{
	background: pink;

}


ul{
	list-style: none;
}
li a{
	text-decoration: none;
	color: #0000FF
}

li a:hover{
	color: orange;
}

img{
	max-width: 500px;
}

div{
	/* width: 80%; */
	margin:0 auto;
	padding: 1em 2em 1em;
}

#thewordpath{
	display: block;
	background-color: yellow;
	position: fixed;
	width: 100%;
	top:0;
	right: 0;
	left: 0;
	z-index: 2;
	width: auto;
	border:1px blue solid;
/* -webkit-transform-origin: right top;
	-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); */
}
.word{
	color:red;

}

.diverge{
	margin-left: 1em;
}

.index {
	display: block;
}


nav {
    width: 100%;
		margin: 0;
	  padding: 0;
    height: auto;
    z-index: 1000;
    bottom: 0px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	  list-style-type: none;
	  overflow: hidden;
}

li.navbar a {
	float: left;
}