@font-face {
  font-family: winbroken; /* set name */
  src: url(winbroken.ttf); /* url of the font */
}
@font-face {
  font-family: sketchmajor; /* set name */
  src: url(sketchmajor.ttf); /* url of the font */
}
@font-face {
  font-family: leander; /* set name */
  src: url(Leander.ttf); /* url of the font */
}

.chapter {
 padding:20px; 
}  

li {
 font-family: leander; 
}

h4 {
 font-family: Verdana; 
 text-decoration: none;
 font-weight: normal;
}

body {
  background-color: #101621;
  color: white; 
  font-family: leander; 
  padding:20px;
}

h1 {
  font-family: sketchmajor; /* use font */
  font-size: 80px;
  color:#e0e03d;
  text-align: center;
}

h2 {
  font-family: winbroken; /* use font */
  font-size: 40px;
  text-align: center;
    color:#e0e03d;

}

em{
    color:#e0e03d;

}


h3 {
  font-family: sketchmajor; /* use font */
   text-align: center;
     font-size: 25px;

}

/* unvisited link */
a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
a:visited {
   color: white;
  text-decoration: none;
}

/* mouse over link */
a:hover {
   color: white;
  text-decoration: none;
}

/* selected link */
a:active {
   color: white;
  text-decoration: none;
}

/* unvisited link */
h1 a:link {
  color: #e0e03d;
  text-decoration: underline;
}

/* visited link */
h1 a:visited {
   color: #e0e03d;
  text-decoration: underline;
}

/* mouse over link */
h1 a:hover {
   color: #e0e03d;
  text-decoration: underline;
}

/* selected link */
h1 a:active {
   color: #e0e03d;
  text-decoration: underline;
}

/* unvisited link */
h3 a:link {
  color: white;
  text-decoration: none;
  font-family: sketchmajor;
}

/* visited link */
h3 a:visited {
   color: #e0e03d;
  text-decoration: none;
  font-family: winbroken;
}

/* mouse over link */
h3 a:hover {
   color: white;
  text-decoration: none;
  font-family: sketchmajor;
}

/* selected link */
h3 a:active {
   color: #e0e03d;
  text-decoration: none;
  font-family: winbroken;
}

/* unvisited link */
p a:link {
  color: white;
  text-decoration: none;
  font-family: sketchmajor;
}

/* visited link */
p a:visited {
   color: #e0e03d;
  text-decoration: none;
  font-family: winbroken;
}

/* mouse over link */
p a:hover {
   color: white;
  text-decoration: none;
  font-family: sketchmajor;
}

/* selected link */
p a:active {
   color: #e0e03d;
  text-decoration: none;
  font-family: winbroken;
}