@font-face {
    font-family: 'HappyFoxFont';
    src: url("../fonts/Hero New Regular.47993d506ac9.otf") format('opentype');
}

body {
    font-family: 'HappyFoxFont', Fallback, sans-serif;
}

.navbar {
    background-image: url("../img/banner.32033ded3fd6.png");
    background-size: contain;
    padding: 10px 24%;
}

.changelog-component{
    padding: 50px 0px;
}

.left-pane, .product-filter {
    padding: 10px;
}

.changelog-content {
    border-left: 1px solid #EDEDEC;
    padding: 0px 70px 50px 50px;
}

.changelog-content img {
    max-width: 100%;
    height: auto;
}

.product-filter{
    padding: 10px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-footer {
    width: 150px;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

/* Mobile styles */
@media only screen and (max-width: 600px) {
    .navbar {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }

    .nav-item {
        padding: 10px;
        display: flex;
        justify-content: end;
    }

    .left-pane {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: space-around;
    }
}