@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
}
h1,
h2 {
    color: black;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 800;
}
h3,
h4,
h5,
h6 {
    color: black;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.ellipsis {
    position: absolute;
}

#ellipsis-1 {
    top: -5em;
    left: -20rem;
    height: 10em;
    width: 60em;
    background-image: radial-gradient(
        ellipse 50% 100%,
        rgba(212, 0, 255, 0.05),
        transparent
    );
}

#ellipsis-2 {
    top: -5em;
    right: 10rem;
    height: 10em;
    width: 30em;
    background-image: radial-gradient(
        ellipse 50% 50%,
        rgba(255, 0, 0, 0.15),
        transparent
    );
}

.nav-link {
    box-sizing: border-box;
    transition: all 0.3s;
    border: 1px solid rgba(0, 0, 0, 0);
}

.nav-link:hover {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.ag-cell {
    /* Vertical align */
    display: flex!important;
    align-items: center!important;

    font-size: 14px!important;
}