body {
  background-color: white;
  color: black;
  font-family: CHNOPixel;
}

h1{
  text-align: center;
}

p{
  text-align: center;
}

ul{
  text-align: center;
  list-style-position: inside;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Container classes*/
.larger_container
{
  margin: 20px;
  background-color: #FF5079;
  border-radius: 10px;
  padding: 20px;
}

.container
{
  margin: 20px;
  background-color: rgba(255, 127, 80, 0.8);
  border-radius: 10px;
  padding: 20px;
}


.flex_box_row
{
 display: flex;
 flex-direction: row;
}

.flex_box_column
{
  display: flex;
  flex-direction: column;
}

.flex_box_wrap
{
  display: flex;
  flex-wrap: wrap;
}

/*Misc Classes*/
.center
{
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items:center;
}

.img_fit
{
  max-height: 100%;
  max-width: 100%;
}

/*Flex box classes*/
.flex_15
{
  width: 15%; 
}

.flex_20
{
  width: 20%;
}

.flex_40
{
  width: 40%;
}

.flex_60
{
  width: 60%;
}



@font-face {                  
font-family: 'CHNOPixel';
src: url(https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}