@font-face {
    font-family: 'Neue Haas';
    src: url('/fonts/NHaas.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas R';
    src: url('/fonts/NHaasR.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

nav {
    background-color: #efefef;
}

.main {
    padding-left: 5vw;
}

.title {
    font-size: 10vh;
    font-family: 'Neue Haas';
}

.scrollable {
    max-height: 80vh;
    overflow-y: scroll;
}

.header {
    padding-top: 5vh;
}

body {
    padding-top: 5vh;
    background-color: #efefef;
    font-family: 'Neue Haas R';
}

h1, h2, h3, h4, h5, h6, span, .btn, .nav-link {
    font-family: 'Neue Haas';
}

.primary {
    color: #3498db !important;
}

.navbar-brand {
    font-family: 'Neue Haas'; 
    font-size: 2rem;
}

.card-badges {
    padding-top:15px"
}



.text-gradient {
    position: relative;
    display: inline-block;
}

.text-gradient::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #2c3e50, #3498db);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.flex-column {
    font-size: 1.35rem;
    margin-left:auto;
}

.nav-link.active {
    text-decoration: underline;
}

.nav-link {
    cursor: pointer;
}

.card-columns {
    column-count: 2;
  }