/* ----- STRUCTURAL SECTIONS ----- */
body {
    background-color: #bfbfbf;
    color: black;
    font-family: "Share Tech Mono", monospace;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

div {
    width: 100%;
    display: block;
}

a, a:visited, a:hover, a:active{
    font-style: initial;
    font-variant: initial;
    text-decoration: initial;
    color: white;
}

/* ----- MAIN SECTIONS ----- */
#fuse-container {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    /* border: 1px solid blue; */
}
#fuse-topbar {
    text-align: right;
}

#fuse-logo {
}

#fuse-logo img {
    width: 90%;
    max-width: 800px;
}

#fuse-logo-under {
    margin-bottom: 64pt;
}

#fuse-logo-under img {
    width: 90%;
    max-width: 800px;
    filter: drop-shadow(0px 4px 2px #666);
}

#fuse-maincontent {
    font-family: "Share Tech Mono", monospace;
    font-size: 13pt;
    margin-bottom: 64pt;
    width: 80%;
    margin: 0 auto;
}

#fuse-footer {
    margin-top: 128pt;
}

#fuse-footer p {
    font-family: "Share Tech Mono", monospace;
    font-size: 10pt;
}

/* ----- HEADERS AND TITLES ----- */
h1 {
    
}
h2 {
    
}
h3 {
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28pt;
}
h4 {
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24pt;    
}
h5 {
  font-weight: bold;
  font-size: 14pt;
}

/* ----- MAIN FONTS ----- */

.light {font-weight: 300}
.medium {font-weight: 400}
.strong {font-weight: 500}
.heavy {font-weight: 600}
.heavier {font-weight: 700}
.smaller {font-size: 8pt}
.small {font-size: 10pt}
.medium {font-size: 12pt}
.large {font-size: 14pt}
.larger {font-size: 16pt}

.fuse-font-tech {
  font-family: "Share Tech Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.fuse-font-fira {
  font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #003399;
}

#navbar li {
  float: left;
}

#navbar li a {
  display: block;
  font-size: 26px;
  color: white;
  text-align: center;
  padding: 16px 18px;
  text-decoration: none;
}

#navbar li a:hover {
  background-color: white;
  color: #003399;
}

#heading {
  font-size: 48px;
  color:  #003399;
  text-shadow: 0 0 5px #000099;
}

#footercontent {
  float: right;
  padding-right: 10%;
}

/* ----- BUTTONS ----- */

.fuse-button, .fuse-button:hover {
  background-color: #333;
  color: white;
  padding: 8px;
  border-radius: 8pt 0;
  text-transform: uppercase;
  font-variant: all-petite-caps;
  font-size: 11pt;
  margin: 8px 4px;
  float: right;
}

.fuse-button:hover {
    background-color: #444;
    color: #FFCC00;
}