:root {

    --background-dark: #1B263B;
    --background-light: #F0FBFD;
    --accent-1: #C8F5F9;
    --accent-2: #FCE68F;
    --money-green1: #A3D181;
    --money-green2: #29613a;
    --text-light: #E7E9EB;

    --font: "Montserrat",
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

@media screen and (min-width: 650px) {

    .nav-page {
        display: flex;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        border: none;
        border-inline: 0px solid var(--accent-2);
        border-inline-color: var(--accent-2);
        transition: border-inline 0.5s;
        font-family: var(--font);
        font-size: 1rem;
        background-color: var(--accent-2);
    }

    .nav-page:hover:not([aria-current="page"]) {
        border-inline: 30px solid var(--accent-2);
    }

    .nav-bar a[aria-current="page"] {
        background-color: var(--money-green1);
        border-inline-color: var(--money-green1);
    }

    .nav-page:hover[aria-current="page"] {
        border-inline: 30px solid var(--money-green1);
    }

    .btc-price-br {
        content: "test";
    }

    .btc-price {
        font-size: 2rem;
        margin-left: 2.5rem;
    }

    .btc-label,
    .btc-value {
        display: inline;
    }

    .hamburger-button {
        display: none;
    }

    .nav-bar {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        max-height: 80px;
        overflow: hidden;
        padding: 0;
        margin-top: -15px;
    }

    .nav-grid button {
        border-radius: 0 0 1rem 1rem;
        margin-top: -0.5rem;
    }

    .loading-bar {
        scale: 2;
        margin: 3rem auto;
    }

    .form-div {
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
    }

    .clean-h1-center {
        max-width: fit-content;
    }

}