body {
    background-color: rgb(250, 250, 250);
    color: rgb(33, 33, 33);
}

nav a {
    font-size: 20px;
    line-height: 24px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

nav .active a, nav a:hover {
    font-size: 24px;
    line-height: 28px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

nav .nav-tooltip {
    font-size: 18px;
    margin-top: 44px;
    padding: 10px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(250, 250, 250, 0.95);
}

nav .nav-item .nav-tooltip {
    visibility: hidden;
    position: absolute;
}

nav .nav-item:hover .nav-tooltip{
    visibility: visible;
    transition: background-color 1s ease-in-out;
}

.navbar-primary  {
    background-color: rgba(250, 250, 250, 0.95);
    box-shadow: 0px 8px 24px -16px rgb(33, 33, 33);
}

.navbar-brand a, .navbar-brand a:hover {
    color: rgb(33, 33, 33);
    font-size: 24pt;
}

.navbar-secondary {
    background-color: rgba(250, 250, 250, 0.95);
    padding-top: 92px;
}

.header-offset {
    padding-top:128px;
}

.header-offset-min {
    padding-top:96px;
}

.constraint-width {
    max-width:1280px; 
    background-color: rgb(250, 250, 250);
}

.footer-brand a, .footer-brand a:hover {
    text-decoration: none;
    color: rgb(33, 33, 33);
    font-size: 24pt;
}

canvas {
    cursor: pointer;
}

button {
    cursor: pointer;
}

.link {
    cursor: pointer;
    width: 90%;
    margin: auto;
    border: 1px solid rgba(33, 33, 33, 0.2);
    border-radius: 36px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}

.link:hover {
    width: 100%;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}

.link a {
    text-decoration: none;
    color: rgb(33, 33, 33);
}

.link:hover a {
    text-decoration: none;
    color: rgb(33, 33, 33);
}

ul {
    list-style: none;
}