:root {
    --background-color: #ffffff;
    --default-color: #364d59;
    --heading-color: #52565e;
    --accent-color: #feb900;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
}

:root {
    --nav-color: rgba(255, 255, 255, 0.55);
    --nav-hover-color: #ffffff;
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #212529;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(44, 44, 44, .7) inset;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgb(100, 100, 100);
    box-shadow: 0 0 3px 0 rgba(68, 68, 68, .3) inset
}

img {
    /* cursor: move; */
    pointer-events: none;
}

p ,li{
    line-height: 27px;
    text-align: justify;
    hyphens: auto;
    letter-spacing: 0.01em;
}

/* -----   index   --------------------------------------- */

.contact-img-hero{
    width: 65%;
    margin: auto;
}

.header-height-me{
    height: 80px;
}