/*Font Imports*/
@font-face {
  font-family: "EMG Gothic";
  src: url("/fonts/EMGGothic.ttf") 
  format("truetype");
}
@font-face {
  font-family: "outfit";
  src: url("/fonts/outfit.ttf")
  format("truetype");
}
/* Header */
.header {
  padding: 20px;
  text-align: left;
  background-image:url("images/Website Clouds.png");
  background-color:rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
  max-width: 100%;
  height:auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}

@media screen and (max-width: 400px){
  .header{
    text-align: center;
  }
}

body {
  margin: 0;
}
/* navbar navigation menu */
.navbar {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #555555;
  overflow: auto;
}

.navbutton {
  margin: 0;
  background-color: #555555;
  padding: 20px;
  display: inline;
  transition: all 0.5s ease;
}

.navbutton:hover {
  background-color: #ffffff;
  color: black;
}

a:link{
  color: white;
  font-weight: bold;
  transition: font-weight 0.5s ease;
  text-decoration: none;
}

a:hover{
  font-weight: normal;
}

a:visited{
  color: white;
  font-weight: bold;
}

h1 {
  font-family:"EMG Gothic";
}
p {
  font-family:"outfit";
}
.footer {
  padding: 20px;
  text-align: Left;
  background-color: #555555;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page_topper {
  padding: 20px;
  margin: 0;
  text-align: center;
  background-image: url("images/LIQUID METAL.png");
  background-color: #555555;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}