:root {
    /* --primary-color: #855950; */
    --primary-color: #32586d;
    --primary-color-opacity-95: #32586def;
    --primary-color-opacity-90: #32586dde;
    --primary-color-opacity-75: #32586dbb;
    --primary-color-opacity-50: #32586d88;
    --primary-color-opacity-25: #32586d44;
    --primary-color-opacity-10: #32586d18;
    /* --secondary-color: #bea573; */
    --secondary-color: #fdd54f;
    --additional-color: #f8049c;
    --additional-color-opacity-75: #f8049cbb;
    --additional-color-opacity-50: #f8049c88;
    --additional-color-opacity-25: #f8049c44;
    --additional-color-opacity-10: #f8049c18;
}

h1, h2, h3, h4, h5 {
    color: #474747;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
	padding: 0;
    margin: 0;
    line-height: 1;
	border: none;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: var(--secondary-color);
}

::selection {
    color: #fff;
    background: var(--secondary-color);
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: var(--additional-color-opacity-50);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--additional-color-opacity-75);
}