/* font */
@import url('https://fonts.cdnfonts.com/css/andika-new-basic');

* {
    box-sizing:border-box;
}

body{
    font-family: 'Andika New Basic', sans-serif;                                         
    margin: 0;
    padding: 0;
    background-color: var(--backgroundColor);
    color: var(--secondaryColor);
    text-align: center;
}
:root{
    --menuGradient:linear-gradient(90deg, rgb(20, 20, 20) 0%, rgb(39, 58, 89) 26%, rgb(219, 249, 244) 100%);
    --primaryColor: #273a59;
    --secondaryColor: #266dd3;
    --tertiaryColor: #123e00;
    --quaternaryColor: #c1292e;
    --backgroundColor: #141414;
    --backgroundColor-2: rgb(219, 249, 244);

    --radius: 14px;

    --logo: url("/assets/img/logo.webp");
    --return: url("/assets/img/return.webp");

    /* Story Stuff */
    --story-font-size:23px;
    --storyForge-Green: #152f00;
    --storyForge-BG: #22211d;
    --storyForge-Border: #575757;
}
@media (prefers-color-scheme: light) {
    :root{
        --storyForge-Green: #d3ff5c;
        --storyForge-BG: #f8f7f1;
        --storyForge-Border:#575757;
    }
  }
.page{
    padding:50px;
    width: 100%;
}

a{
    color: var(--secondaryColor);
    text-decoration: none;
}

a:hover{
    color: var(--quaternaryColor);
    transition: 400ms ease-in-out;
}

/* @media (prefers-color-scheme: dark) {
    :root{
        --backgroundColor-2: #102925;
    }
    a{
        color: var(--secondaryColor);
        text-decoration: none;
        transition: 400ms ease-in-out;
    }

    a:hover{
        color: var(--quaternaryColor);
        transition: 400ms ease-in-out;
    }
} */