body {
    font-family: "Inter", sans-serif;
    ;
}

.header-nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-nav,
.header-nav nav {
    background-color: #121d33 !important;
}

.navbar-brand {
    color: #fff !important;
    text-transform: uppercase;
}

.btn {
    font-weight: 500;
    border-radius: 0.5rem;
    border-width: 0.125rem;
}

.hero {
    background: rgb(19, 30, 52);
    background: linear-gradient(145deg, rgba(19, 30, 52, 1) 0%, rgba(49, 44, 116, 1) 44%, rgba(91, 62, 190, 1) 78%, rgba(229, 136, 216, 1) 100%);
}

.coin-cards {
    margin-top: -50px;
}
.coin-cards .card {
    border-radius: 0.5rem;
    box-shadow: rgba(103, 113, 133, 0.2) 0.75rem 1.5rem 4rem 0rem;
    min-width: 0px;
    border-color: none !important;
}
.coin-cards .card .card-text {
    font-weight: 500;
}