@import "root.css";
@import "fonts.css";
@import "style.css";
@import "theme.css";

/* the properties of the main displays */
html{
    scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    padding-bottom: var(--page-bottom);
    font-family: Main;
    font-size: 0;
    color: var(--text-colour);
    background-color: var(--page-colour);
    transition: var(--body-transition);
}
a{
    color: var(--href-colour);
    font-family: Main;
    text-decoration-line: underline;
    text-decoration-color: var(--theme);
    text-decoration-style: solid;
    text-decoration-thickness: 7%;
    transition: inherit;
}
b{
    color: var(--theme);
    font-family: MainBold;
    transition: inherit;
}