:root {
    /*BACKGROUND*/
    --bgcolor: #a8bd8e;

    /*TEXT*/
    --text: #a8bd8e;
    --header: #a8bd8e;
    --link: #15330d;
    --linkhover: #525c3b;
    --linkvisited: #7d6532;

    /*LINES AND BOXES*/
    --mainborder: #63764b;
    --box: #101b15;
}

@font-face {
    font-family: Bradford;
    src: url("https://shadow-of-valtus.neocities.org/fonts/Bradford-Regular.otf");
}

@font-face {
    font-family: Gabriola;
    src: url("https://shadow-of-valtus.neocities.org/fonts/Gabriola.ttf");
}

h1,
h2 {
    font-family: "Bradford";
    color: var(--header);
    letter-spacing: 5px;
    line-height: 5px;
}
a {
    color: var(--link);
}

a:hover {
    cursor: url(https://shadow-of-valtus.neocities.org/images/cursors/mushie_cursor.cur), auto;
    color: var(--linkhover);
}

a:visited {
    color: var(--linkvisited);
}

body {
    background-image: url(https://shadow-of-valtus.neocities.org/images/backgrounds/leaves_bckg.gif);
    color: var(--text);
    font-family: "Gabriola", sans-serif;
    font-size: 18px;
    overflow-x: clip;
    cursor: url(https://shadow-of-valtus.neocities.org/images/cursors/frog_cursor.cur), auto;
}

#container {
    background-image: url(https://shadow-of-valtus.neocities.org/images/backgrounds/forest_bckg.gif);
    background-position-y: 101px;
    background-clip: padding-box;
    width: 800px;
    height: 600px;
    background-color: #9de6e4;
    overflow: clip;
    border: 25px solid;
    border-image: url(https://shadow-of-valtus.neocities.org/images/borders/DollArchive-vines1v3.png) 24 round;
}

#header {
    width: 98%;
    height: 70px;
    padding: 8px;
    background-color: #101b15;
}

#navbar {
    position: absolute;
    top: 70px;
    width: 790px;
    height: 69px;
    display: block;
    padding: 5px;
    margin-top: 27px;
    background-image: url(https://shadow-of-valtus.neocities.org/images/valtus_assets/Banner.png);
}

#text {
    width:300px;
    height: 115px;
    padding: 10px;
    background-color: var(--box);
    border-radius: 5px;
    overflow: auto;
    overflow-x: clip;
    border: 12px solid;
    border-image: url(https://shadow-of-valtus.neocities.org/images/borders/DollArchive_frame3full.png) 9 round;
    line-height: 25px;
}

#textcontainer{
    position: relative;
    top: 72px;
    width: 770px;
    height: 115px;
}

#back{
    position:fixed;
    top:289px;
    margin-left:73;
}

#fwd{
    position:fixed;
    top:280px;
    margin-left:600px;
}

#moth1 {
    position: absolute;
    background-image: url(https://shadow-of-valtus.neocities.org/images/toybox/pets/DollArchive_atlasmoth_sm.png);
    background-repeat: no-repeat;
    top: 115px;
    left: 620px;
    transform: rotate(-20deg);
    width: 85px;
    height: 40px;
}

#moth2 {
    position: absolute;
    background-image: url(https://shadow-of-valtus.neocities.org/images/toybox/pets/venusbbby_moth.png);
    background-repeat: no-repeat;
    top: 102px;
    left: 87px;
    width: 105px;
    height: 82px;
}

#pets {
    background-image: url("https://shadow-of-valtus.neocities.org/images/dividers/moss_divider.png");
    background-position: bottom;
    background-repeat: no-repeat;
    width: 770px;
    height: 301px;
    padding: 15px;
    margin-top: 69px;
    overflow-x: auto;
    overflow-y: clip;
    white-space: nowrap;
}
