html, body {
    font-family: "Inter Tight";
    width: 100%;
    overflow-x: hidden;
}

body {
    padding-top: 90px;

    background-image: url("../img/logo-bg.svg");
    background-attachment: fixed;
    background-size: 100% auto;

}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Oxanium';
    text-transform: uppercase;
}


.btn {
    font-weight: bold;
}

.font-size-lg {
    font-size: 1.25rem;
}

.card.hover-card {
    will-change: transform;
    transition: transform 0.3s ease-in-out;
}

.card.hover-card:hover {
    transform: scale(1.05);
    box-shadow: var(--bs-box-shadow);
}

.card.hover-card a {
    color: inherit !important;
    text-decoration: none;
}

footer a {
    color: var(--bs-warning);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
footer a:hover {
    color: #fff;
}