@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne+Tactile&display=swap');

body{
	font-family: "Syne", sans-serif;
} 

h1, h2, h3, h4, h5{
	font-family: "Syne Tactile", sans-serif;
}

h1{
	font-size: 270%;
	letter-spacing: 0.5px;
}

h2{
	font-size: 200%;
	margin-top: 4rem;
}

h3{
	font-size: 150%;
	margin-top: 4rem;
}

h4{
	font-size: 125%;
	margin-top: 2rem;
}

.wy-nav-content{
	max-width: 870px;
}


p,li {
  line-height: 1.4;
  font-size: 20px;
}

.rst-content pre code{
	font-size: 14px;
}

a,
a:visited{
	color: blueviolet;
}

.wy-side-nav-search{
	background: blueviolet;
}

.icon.icon-home{
	color: #FFF;
}

.wy-breadcrumbs .icon.icon-home{
	color: blueviolet;
}

.wy-menu-vertical a,
.wy-menu-vertical a:visited{
	color:#FFF;
}

.rst-content code{
	color: blueviolet;
}