/*-----------------------------------------------------------------------------------------
                                        || FONTS
-------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Alchemy';
    src: url(Fonts/Alchemy.woff) format("woff");
}

@font-face {
    font-family: 'Mythshire';
    src: url(Fonts/MythshireRegular.woff2) format("woff");
}

@font-face {
    font-family: 'Atwriter';
    src: url(Fonts/atwriter.ttf) format("opentype");
}

@font-face {
    font-family: 'Hero Archer';
    src: url(Fonts/Heroarcherfreeversion-Regular.ttf) format("woff");
}

@font-face {
    font-family: 'Le Tarot';
    src: url(Fonts/LE-TAROT-BOLD-REGULAR.OTF) format("opentype");
}

@font-face {
    font-family: 'Hachimaru';
    src: url(Fonts/HachiMaruPop-Regular.ttf) format("opentype");
}

@font-face {
    font-family: 'Zen Kurenaido';
    src: url(Fonts/ZenKurenaido-Regular.ttf) format("opentype");
}

@font-face {
    font-family: 'Bronco';
    src: url(Fonts/BroncoPersonalUse.ttf) format("opentype");
}

@font-face {
    font-family: 'Little Witches';
    src: url(Fonts/Little-Witches.otf) format("opentype");
}

@font-face {
    font-family: 'Modern DOS';
    src: url(Fonts/ModernDOS8x16.ttf) format("opentype");
}

@font-face {
    font-family: 'Pixel Operator';
    src: url(Fonts/PixelOperator.ttf) format("opentype");
}

@font-face {
    font-family: 'DotGothic16';
    src: url(Fonts/DotGothic16-Regular.ttf) format("opentype");
}

@font-face {
    font-family: 'Unifont Ex Mono';
    src: url(Fonts/UnifontExMono.ttf) format("opentype");
}

:root {
    --font1: 'Alchemy';
    --font2: 'Mythshire';
    --font3: 'Atwriter';
    --font4: 'Hero Archer';
    --font5: 'Le Tarot';
    --font6: 'Hachimaru';
    --font7: 'Zen Kurenaido';
    --font8: 'Bronco';
    --font9: 'Little Witches';
    --font10: 'Unifont Ex Mono';
    --font11: 'Modern DOS';
    --font12: 'Pixel Operator';
    --font13: 'DotGothic16';
}

/*-----------------------------------------------------------------------------------------
                                        || CURSORS
-------------------------------------------------------------------------------------------*/

@import url(Cursors/left_ptr.cur);      /* Normal */
@import url(Cursors/pointer.cur);       /* Pointer */
@import url(Cursors/not-allowed.cur);   /* Not Allowed */
@import url(Cursors/xterm.cur);         /* Text */
@import url(Cursors/watch.ani);         /* Loading */

:root {
    --cursor-normal: url(Cursors/left_ptr.cur);
    --cursor-pointer: url(Cursors/pointer.cur);
    --cursor-no: url(Cursors/not-allowed.cur);
    --cursor-text: url(Cursors/xterm.cur);
    --cursor-loading: url(Cursors/watch.ani);
}

/*-----------------------------------------------------------------------------------------
                                        || MY ICONS
-------------------------------------------------------------------------------------------*/

.my-icon {
    width: 17px;
    height: 17px;
    fill: currentColor; /* Inherits text color */
    display: inline-block; /* Ensure proper spacing */
    vertical-align: middle; /* Align with text */
}

/*----------------------------------------------------------------------------------------
                                        RESET CSS
-----------------------------------------------------------------------------------------*/

/*
    Resetting default styles for all elements
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*
    Set initial styles for html and body elements
*/

html,
body {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    scroll-behavior: smooth;
}

/*
    Remove text decoration from all anchor elements
*/

a, button {
    all: unset;
    cursor: var(--cursor-pointer), auto;
}

/*
    Disable user selection on images
*/

img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/*
    Disable user selection on body element
    
    body {
        -webkit-touch-callout: none;      iOS Safari
        -webkit-user-select: none;        Safari
        -khtml-user-select: none;         Konqueror HTML
        -moz-user-select: none;           Old versions of Firefox
        -ms-user-select: none;            nternet Explorer/Edge
        user-select: none;                Non-prefixed version, currently supported by Chrome, Edge, Opera, and Firefox
    }
*/


/*
    Set border-collapse to collapse for tables
*/

table {
    border-collapse: collapse;
}

/*
    Resetting all styles for the 'input' element.
*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    all: unset;
}

/*
    Resetting all titles and subtitles
*/
h1, h2, h3 {
    font-weight: normal;
}