:root {
    --text-color-1: #47464D;
    --text-color-2: #A6A5AA;
    --heading-color: #201c30;
    --color-primary: #272727;
    --color-main: #FFD109;
    --color-darker: #22156B;
    --color-lighter: #7351FF;
    --color-subtle: #FF9203;
    --color-border: #BEBCC7;
    --color-accent: #F4F4F4;
    --color-error: #E22D2D;
    --color-warning: #E2D52D;
    --color-info: #2663cf;
    --color-success: #20bd3c;
    --font-1: "exo-2";
}

.nav-link:hover,
.nav-link.points-active {
    color: var(--color-main) !important;
    text-decoration: none !important;
}

.point-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 100%;
}

.point-button {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 70px;
}