@import url('https://infost490fa2602.soisweb.uwm.edu/CampfireWebsite-main/finalProject/assets/css/style.css')
/*@import url('http://localhost/CampfireWebsite/finalProject/assets/css/style.css');*/

/* Variables for stageScript.js */
:root {
    /* FIXED */
    --bgWidth: 900px;
    --bgHeight: 600px;
}
#character {
    display: none;
}
body {
    background-color: #4a3b31;
}
.canvas {
    display: flex;
    position: fixed;
    top: 20px;
    left: 250px;
    width: var(--bgWidth);
    height: var(--bgHeight);
    max-width: 900px;
    max-height: 75%;
}
.parent {
    display: grid;
}
.buttonStyle {
    background-color: #4a3b31;
    border: none;
}
.hudBottom { 
    display: inline-block;
    background-color: #4a3b31;
    padding-inline: 25px;
    max-width: 200px;
    p {
        font-size: 50px;
        color: white;
    }
}
.taskList {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    padding-right: 20px;

    font-size: 50px;
    color: white;
    ul {
        list-style-type: none;
        margin: 0;
    }
    button {
        color: white;
    }
}