:root {
    --site-bg: url(images/bg-image.png);
    --main-bg: url(images/nothing.png);
    --gradient-bg: linear-gradient(0deg, #0000 0%, #1c246288 33%, #18084388 90%);
    --accent-color: violet;
    --link-color: mediumpurple;
    --bg-color: black;
    --text-color: violet;
    --text-color2: white;
    --favorite-color: darkslateblue;
}
html {
    scroll-behavior: smooth;
}
* {
    color: var(--text-color);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-shadow: 2px 2px 5px var(--bg-color);
    scrollbar-color: var(--favorite-color) var(--bg-color);
    scrollbar-width: thin;
}
html[Attributes Style] {
    -webkit-locale: "en";
}
user agent stylesheet
:root {
    view-transition-name: root;
}
user agent stylesheet
html {
    display: block;
}
::selection {
    background: var(--favorite-color);
    color: var(--bg-color);
}