@font-face {
    font-family: Eurostile;
    src: url(fonts/EuroStyleNormal.woff) format('woff');
    src: url(fonts/EuroStyleNormal.ttf) format('truetype');
  }
  
  @font-face {
    font-family: Eurostile;
    src: url(fonts/EurostileBold.woff) format('woff');
    src: url(fonts/EurostileBold.ttf) format('truetype');
    font-weight: bold;
  }
  @font-face {
    font-family: Eurostile;
    src: url(fonts/EurostileOblique.woff) format('woff');
    src: url(fonts/EurostileOblique.ttf) format('truetype');
    font-style: oblique;
  }
  @font-face {
    font-family: Eurostile;
    src: url(fonts/EurostileExtended.woff) format('woff');
    src: url(fonts/EurostileExtended.ttf) format('truetype');
    font-stretch: expanded;
  }

html, body {
    font-family: Eurostile, sans-serif;
    font-size: 16px;
}

@media screen and (min-width: 576px) {

    html, body {
        font-size: 24px;
    }

}

.header,
.card-body th,
.card-body .h5 {
    letter-spacing: 0.1rem;;
}
li.nav-item {
    
}
li.nav-item:not(:first-child)::before {
    content: '';
    float: left;

    
}
#main {
  font-size: 16px;
}
#main td {
  font-family: Cousine, monospace;
  font-size: 0.8rem;;
}
.bg-circle {
    background-image: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiPgogICAgICAgIDxjaXJjbGUgc3R5bGU9ImZpbGw6ICNGMDAiIGN4PSIyNSIgY3k9Ii0xNSIgcj0iNTAiLz4KICAgIDwvc3ZnPg==");
}