:root {
    --bg-color: #232731;
    --main-color: #61afef;
    --accent-color: #61afef;
    --highlight-color: #3d8fd2;
    --sub-color: #717d97;
    --text-color: #eceff4;
    --searchInput-color: #eceff4;
    --search-color: #98c379;
    --contactText-color: #eceff4;
    --contactBg-color: rgba(0, 0, 0, 0.15);
    --contactSubmit-color: #61afef;
    --button-color: #98c379;
    --button-weight: 700;
}

#footer-left .clickButton {
    color: var(--sub-color);
}

#selected {
    color: var(--button-color)!important;
}

#about-me .myContainer, #my-portfolio .myContainer {
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35), 1px 1px var(--button-color), 2px 2px var(--button-color), 3px 3px 10px rgba(0, 0, 0, 0.35);
}

#front-splash span {
    color: var(--button-color);
}

.frontButton:hover {
    background-color: var(--button-color);
}

.settings-entry {
    color: var(--text-color)!important;
}

#themeWrapper #theme #themeTop .themeSearch img {
    filter: invert(39%) sepia(9%) saturate(1982%) hue-rotate(177deg) brightness(97%) contrast(87%);
}

::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: var(--roundness);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--highlight-color);
}