@font-face {
  font-family: Helvetica Neue;
  src: url(assets/fonts/Helvetica Neue Regular.otf) format('truetype');  
}

@font-face {
  font-family: 'Courier New', Courier, monospace;
  src: url(assets/fonts/Courier New Regular.ttf) format('truetype');  
}

@font-face {
  font-family: 'Monaco Regular', Courier, monospace;
  src: url(assets/fonts/Monaco Regular.ttf) format('truetype');  
}

html {
  scroll-padding-top: calc(4.5rem - 1px);
}

body {
    background-color: #1e4bf5;
    font-family: 'Monaco Regular', Courier, monospace;
}

#banner {
  height: 228px;
  background: #1e4bf5 url(../img/banner.gif) repeat 0 center;
  margin: 0 auto;
}

h2 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  background-color: #000;
  color: #88fa4e;
  padding: 0.6rem 2rem;
  font-size: 1.2rem;
  z-index: 1000;
  letter-spacing: 0.2rem;
}

h5 {
  font-family: 'Monaco Regular', Courier, monospace;
  color: #fff;
  letter-spacing: normal;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  font-family: 'Monaco Regular', Courier, monospace;
  font-weight: 600;
}


p {
  line-height: 1rem;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #fff;
}

ul {
  font-family: 'Monaco Regular', Courier, monospace;
}

ul > li.list-group-item {
  background-color: transparent;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 800;
  border: none;
  padding: 2px;
}

a.tickets {
  font-family: 'Monaco Regular', Courier, monospace;
  color: #88fa4e;
  font-size: 1.1rem;
}


.input-group-text, .form-control {
  font-family: 'Monaco Regular', Courier, monospace;
  font-size: 0.7rem;
  letter-spacing: normal;
  font-weight: 200;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #fff;
  min-width: 100px;
  padding-left: 0;
}

.form-control {
  border-bottom: 1px solid #fff;
}

.code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.6rem;
    color: #88fa4e;
    padding: 0.5rem;
    border-radius: 0.25rem;
  
}
  
.code-orange {
    color: #de7007;
}

.falling-heart {
    position: fixed;
    top: -30px;
    font-size: 18px;
    animation: fall linear;
    pointer-events: none;
    z-index: 0;
}
    @keyframes fall {
     0% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(100vh); opacity: 0; }
}