/* Dark mode (Default)*/
:root {
/*Background color*/
--acCol: #e2004b;
/*Background color*/
--prCol: #ffffff;
/*Background color*/
--bgCol: #000000;
/*Regular GIF*/
--bgGif: url(images/background.gif);
/*Regular Glow*/
--bgGlw: url(images/glow.png)
}

/* Light mode (Switch)*/
.lightMode{
/*Accent color*/
--acCol: #00dbf8;
/*Primary color*/
--prCol: #000000;
/*Background color*/
--bgCol: #ffffff;
}

/* Highlight for inline span */
.HL{
    color: var(--acCol);
}

::selection{
    color: var(--prCol);
    background-color: var(--acCol);
}
/* Font setup */
@font-face {
    font-family: 'novem';
    src: url(novem___.ttf);
}

/* light switch*/
#lightSwitch {
    border-radius: 50px;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 3px;
    top: 3px;
}

h1{
    margin-bottom: 20px;
    border-bottom: 2px solid;
}

body{
/* Default font/color setup */
    font-family: 'novem';
    color: var(--prCol);
/* Background gif and glow setup */
    background-image: var(--bgGif),var(--bgGlw);
    background-repeat: no-repeat;
    background-position: left bottom,right;
    background-attachment: fixed;
    background-size: 250px, 20% 100%;
}

/* Background color under everything */
body{
    background-color: var(--bgCol);
}