@font-face {
    font-family: "My Custom Font";
    src: url(./fonts/typeo___.ttf) format("truetype");
}
@font-face {
    font-family: "My Custom Font2";
    src: url(./fonts/quietevening.ttf) format("truetype");
}
@font-face {
    font-family: "My Custom Font3";
    src: url(./fonts/DancingDonutsNF.ttf) format("truetype");
}
@font-face {
    font-family: "My Custom Font4";
    src: url(./fonts/HeavyEquipment.ttf) format("truetype");
}
@font-face {
    font-family: "My Custom Font5";
    src: url(./fonts/SLC_.ttf) format("truetype");
}

html { 
  background: url(images/winnacker_bg_dark.jpg) no-repeat center center fixed; background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

body{
  background-color: transparent;
  color: #ffffffff;
  font-size: 14pt;
  font-family: "Georgia", Times, serif;
}
p.customfont { 
    font-family: "My Custom Font2", Verdana, Tahoma;
    font-weight: bold;
    font-size: 12pt;
}
p.customfont32 { 
    font-family: "My Custom Font2", Verdana, Tahoma;
    font-weight: bold;
    font-size: 32pt;
}
p {
   margin: 0;
   padding: 0;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: transparent;
  overflow: hidden;
  color: white;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: center;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: transparent;
  color: #0099FF;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: transparent;
  color: white;
}