:root {
    --mainbgcolor: #FFFAC2;
    --headerbgcolor: #FFFAC2;
    --headertopcolor: #4A2E00;
    --menufontcolor: #ED9301;


    --buttoncolor: #F6F6F6;
    --title_fontcolor: #E69102;
    --title_shadowcolor: #513102;
    --panelbackground: #FCBF51;
    --fontcolor: #513102;
    --buttoncolor: #513102;
    --buttonfontcolor: #E69102;
    --buttonhovercolor: #2B6AC0;
    --gallerypiccolor: #E69102;
}

@font-face {
    font-family: 'CustomFont1';
    src: url('../fonts/noteworthy_bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomFont2';
    src: url('../fonts/TallyTextBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'CustomFont3';
    src: url('../fonts/Noteworthy-Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--mainbgcolor);
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}