/* 
	dark #292d41
	light #f5f5f4
	pink #d835be
	darkpink #793a81
	blue #356dd8
	darkblue #344d88
*/

@font-face {
  font-family: 'Pixl-Regular';
  src:  url('font/Pixl-Regular.woff2') format('woff2'),
        url('font/Pixl-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Pixl-Bold';
  src:  url('font/Pixl-Bold.woff2') format('woff2'),
        url('font/Pixl-Bold.woff') format('woff');
}

body { 
	font-family: 'Open Sans', sans-serif; 
	background-color: #292d41;
}

h1 {
	font-size: 2em;
	font-weight:700;
}

h2 {
	font-size: 1.5em;
}

p {
	font-size:100%;
}

li {
	font-size:100%;
}

.pixl {
	font-family: 'Pixl-Regular', serif;
	font-size: 160%;
	font-weight: 400;
	line-height:35px;
}

.navbar {
	background-color: #f5f5f4;	
}

.stars {
	background-image: url("imgs/stars.jpeg");
	background-size: 100%;
	color: #f5f5f4;
}

.light {
	background: #f5f5f4;
	color: #292d41;
}

.white {
	background: #ffffff;
	color: #292d41;
}

.text-blue {
	color: #356dd8;
}

.text-pink {
	color: #d835be;
}

.pink {
	background: #d835be;
	color: #f5f5f4;
}

.darkpink {
	background: #793a81;
	color: #f5f5f4;
}

.blue {
	background: #356dd8;
	color: #f5f5f4;
}

.darkblue {
	background: #344d88;
	color: #f5f5f4;
}

.dark {
	background: #292d41;
	color: #f5f5f4;
}

.largefont {
	font-size: 133%;
}