@font-face {
        font-family: OldeTome;
        src: url("../fonts/OldeTome.ttf");
}
@font-face {
        font-family: basiic;
        src: url("../fonts/basiic.ttf");
}
:root {
    /* border */
    --border: 1px solid grey;
    --border-radius: 2px;
    --padding: 20px;
    --gap: 10px;

    /* text  */
    --text-color: #ebebeb;
    --link-color: #cc2d2d;
    --link-hover-color: #e98492;
    --font-text: basiic;
    --font-header: OldeTome;

    /* background */
    --background-color: url(../images/backgrounds/gothic-black-royal.gif);
    --main-box-color: #050404;
}

ul {
    list-style-image: url("../images/icons/rose-icon-animated-small.gif");
    list-style-position: inside;
}