<html>
<head>
   
    <title>Now loading please wait;D</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/game_style.css"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/day-reidite-spike.png"/>
    <meta name="description" content="Survive the cold and hunger by collecting resources and crafting tools! Explore the biomes, fight some dragons and find a treasure chest!"/>
    <meta name="keywords" content="owoxdez.com, starve2.com, nostarveio, nostarve, nostarveio, io games, .io, craft, real time, browser game, html game, html5 game, jungle, nature, multiplayer, survival, hunger, cold, limaxio, crafting game, blob">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta property="og:image" content="http://owoxdez.com/img/share-banner.png"/>
    <meta property="og:title" content="owoxdez.com bro lets play"/>
    <meta property="og:description" content="Survive the cold and hunger by collecting resources and crafting tools! Explore the biomes, fight some dragons and find a treasure chest!"/>
    <meta property="og:url" content="https://owoxdez.com"/>
    <meta property="og:site_name" content="owoxdez.com"/>
    <meta property="og:image:type" content="image/jpg"/>
    <meta property="og:image:width" content="437"/>
    <meta property="og:image:height" content="269"/>
    <meta name="mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="robots" content="index, follow"/>
    <meta name="revisit-after" content="3 days"/>
    <meta name="googlebot" content="all"/>


    

</head>

<body id="game_body">

<canvas id="game_canvas"></canvas>

<div id="loading">Loading</div>

<div id="nickname_block">
    <input type="text" id="nickname_input" placeholder="Nickname" maxlength="16">
</div>

<div id="login_block">
    <label for="login_input">
        Login
    </label><input type="text" id="login_input" maxlength="16">
    <label for="password_input">
        Password
    </label><input type="password" id="password_input" maxlength="16">
    <button id="signup">Register</button>
    <button id="login">Login</button>
    <label for="remember_checkbox">
        Remember Me
    </label>
    <input type="checkbox" id="remember_checkbox">

</div>

<div id="sessions_alive">
    <button id="join_new_session"></button>
</div>

<div id="captcha_block">
    <div id="captcha_attempts"></div>
    <div id="captcha_count"></div>
    <img id="captcha_image">
    <input id="captcha_input" placeholder="Enter the captcha">
</div>

<div id="account_nickname_block">
    <input type="text" id="account_nickname_input" placeholder="Nickname" maxlength="16">
</div>

<div id="chat_block">
    <input type="text" id="chat_input" placeholder="Enter text..." maxlength="70">
</div>

<div id="serverAddressBlock">
    <input type="text" id="serverAddressInput" placeholder="https://owoxdez.com/?server=">
</div>

<div id="commandMainBox">
    <div id="commandBoxTitle">
        Welcome to the server <span id=commandMainBoxName></span>
    </div>
    <div id="commandContact">
        To see all available commands, type <span style="color:white">help</span>. - Press <span style="color:white">ESC</span> to close this panel.
        <a style="text-decoration:underline;" href="./commands.html" target="_blank">Check the guide</a>
    </div>
    <div id="commandsBox">

    </div>
    <div id="commandTypeBlock">
        <input id="commandInput" autocomplete="off" placeholder="> type your command here">
    </div>
</div>

<div class="md-select" id="servselect"></div>

<div id="sure_delete">
    <div id='item_delete'><img id="item_to_del"></img></div>
    <div>DO YOU REALLY WANT TO THROW THIS ITEM ?</div>
    <div>
        <div id="one_delete">1 ITEM</div>
        <div id="yes_delete">ALL ITEMS</div>
        <div id="recycle_delete">RECYCLE</div>
        <div id="no_delete">NO</div>
    </div>
    <div style="margin-top:20px;">
        <div id="case_agree"><img id="agree" src="./img/agree.png" alt="Agree"> </img></div>
        <div id="do_not_show"> Do not show this message again </div>
    </div>
</div>

<div id="cancel_sure_delete">
    <div>DO YOU REALLY WANT TO CANCEL <br>YOUR CRAFTING?</div>
    <div>
        <div id="cancel_yes_delete">YES</div>
        <div id="cancel_no_delete">NO</div>
    </div>
    <div style="margin-top:20px;">
        <div id="cancel_case_agree"><img id="cancel_agree" src="./img/agree.png"> </img></div>
        <div id="cancel_do_not_show"> Do not show this message again </div>
    </div>
</div>

<div id="option_in_game">
    <div id="keyboard_ing">Keyboard
        <div id="azerty_ing">AZERTY</div>
        <div id="qwerty_ing">QWERTY</div>
    </div>
    <div id="quality_ing"> Quality
        <div id="high_ing"> HIGH </div>
        <div id="low_ing"> LOW </div>
    </div>

    <div id="scale_ratio_ing"> Scale Ratio
        <input id="input_ratio" type="number" step="0.05" value="1" min="0.5" max="1">
    </div>
    <div id="pixelated_ing"> No Aliasing
        <div id="pixelated_case_agree_opt"><img id="pixelated_agree_ing" src="./img/agree.png" alt="Agree"> </img></div>
    </div>

    <div id="delete_alert_ing"> Safe Throw
        <div id="case_agree_opt"><img id="agree_ing" src="./img/agree.png"> </img></div>
    </div>
    <div id="cancel_delete_alert_ing"> Safe Cancel
        <div id="cancel_case_agree_opt"><img id="cancel_agree_ing" src="./img/agree.png"> </img></div>
    </div>

    <div id="auto_feed_ing"> Auto Feed
        <div id="auto_feed_case_agree_opt"><img id="auto_feed_agree_ing" src="./img/agree.png"> </img></div>
    </div>

    <div id="quest_alert_ing"> Quest Alert
        <div id="quest_case_agree_opt"><img id="quest_agree_ing" src="./img/agree.png"> </img></div>
    </div>

    <div id="info_box_ing"> Tooltips
        <div id="info_case_agree_opt"><img id="info_agree_ing" src="./img/agree.png" alt="Agree"> </img></div>
    </div>

    <div class="quit" id="quit_opt">QUIT</div>
</div>



<div id="shop_market">
</div>

<div id="shop_starterkit">
    <div class="points_shop" id=points_bank></div>
    <div id="content3">
        <div style="margin-bottom:5px;">
            <div class="borders">
                <div class="starters" id="shop_1">
                    <img id="starter1" src="./img/starter1.png" alt=" First starter kit"></img>
                    <div class="points_shop" id="price1">1K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters" id="shop_2">
                    <img id="starter2" src="./img/starter2.png" alt=" Second starter kit"></img>
                    <div class="points_shop" id="price2">2K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters" id="shop_3">
                    <img style="position:absolute;width:30px;left:304px;top:53px;" src="./img/plus-shop.png" alt="Plus shop"></img>
                    <img id="starter3" src="./img/starter3.png"  alt="Third starter kit"></img>
                    <div class="points_shop" id="price3">4K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters" id="shop_4">
                    <img style="position:absolute;width:30px;left:391px;top:53px;" src="./img/plus-shop.png" alt="Plus shop"></img>
                    <img id="starter4" src="./img/starter4.png"  alt="Fourth starter kit"></img>
                    <div class="points_shop" id="price4">8K</div>
                </div>
            </div>
        </div>

        <div class="space"></div>

        <div style="margin-top:10px;">

            <div class="borders">
                <div class="starters2" id="shop_5">
                    <img id="starter5" src="./img/starter5.png" alt="Firth starter kit"></img>
                    <div class="points_shop" id="price5">16K</div>

                </div>
            </div>

            <div class="borders">
                <div class="starters2" id="shop_6">
                    <img id="starter6" src="./img/starter6.png" alt="Sixth starter kit"></img>
                    <div class="points_shop" id="price6">16K</div>

                </div>
            </div>

            <div class="borders">
                <div class="starters2" id="shop_7">
                    <img id="starter7" src="./img/starter7.png" alt="Seven starter kit"></img>
                    <div class="points_shop" id="price7">16K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters2" id="shop_8">
                    <img id="starter8" src="./img/starter9.png" alt="Eighth starter kit"></img>
                    <div class="points_shop" id="price8">16K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters2" id="shop_10">
                    <img id="starter9" src="./img/starter10.png" alt="Nineth starter kit"></img>
                    <div class="points_shop" id="price10">16K</div>
                </div>
            </div>

            <div class="borders">
                <div class="starters2" id="shop_9">
                    <img id="starter10" src="./img/starter8.png" alt="Tenth starter kit"></img>
                    <div class="points_shop" id="price9">20K</div>
                </div>
            </div>

        </div>
        <div class="inventory_trait"></div>
        <div class="inventory_shop">
            <img id="inv_shop1"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop2"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop3"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop4"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop5"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop6"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop7"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop8"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop9"  src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop10" src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop11" src="./img/empty-shop.png" alt="Empty shop"></img>
            <img id="inv_shop12" src="./img/empty-shop.png" alt="Empty shop"></img>
        </div>
        <div id="inventory_shop_amount">
            <span id="amount_shop1"></span>
            <span id="amount_shop2"></span>
            <span id="amount_shop3"></span>
            <span id="amount_shop4"></span>
            <span id="amount_shop5"></span>
            <span id="amount_shop6"></span>
            <span id="amount_shop7"></span>
            <span id="amount_shop8"></span>
            <span id="amount_shop9"></span>
            <span id="amount_shop10"></span>
            <span id="amount_shop11"></span>
            <span id="amount_shop12"></span>
        </div>

        <div class="inventory_trait"></div>
    </div>
    <div id="buy_kit"> BUY</div>
    <div class=quit id="quit3"> QUIT
    </div>
</div>


<div id="team_box">
</div>

<div id="scoreboard">
</div>


<div class="block3" id="recipe_craft">

    <div class="recipe">
        <img class="inv" id="inv1" src="./img/paintbrush.png"></img>
        <img class="inv" id="inv2" src="./img/paintbrush.png"></img>
        <img class="inv" id="inv3" src="./img/paintbrush.png"></img>
        <img class="inv" id="inv4" src="./img/paintbrush.png"></img>
        <img class="inv" id="inv5" src="./img/paintbrush.png"></img>
    </div>
    <div>
        <div class="number" id="numb1" style="top:10px;"></div>
        <div class="number" id="numb2" style="top:70px;"></div>
        <div class="number" id="numb3" style="top:130px;"></div>
        <div class="number" id="numb4" style="top:190px;"></div>
        <div class="number" id="numb5" style="top:250px;"></div>
    </div>
    <div>
        <img class="need" id="firecraft" style="top:350px;" src="./img/firecraft.png" alt="How to craft a recipe"></img>
        <img class="need" id="workcraft" style="top:300px;" src="./img/workcraft.png" alt="How to craft a recipe"></img>
        <img class="need" id="watercraft" style="top:350px;left:388px;" src="./img/watercraft.png" alt="How to craft a recipe"></img>
        <img class="need" id="wellcraft" style="top:300px;left:388px;" src="./img/wellcraft.png" alt="How to craft a recipe"></img>

    </div>
    <div class="content">
        <div style="margin-bottom:-15px;">
            <img class="img_recipe" id="img_1" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_2" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_3" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_4" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_5" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_6" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_7" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_8" src="./img/paintbrush.png"></img>
        </div>
        <div style="margin-bottom:-15px;">
            <img class="img_recipe" id="img_9" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_10" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_11" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_12" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_13" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_14" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_15" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_16" src="./img/paintbrush.png"></img>
        </div>
        <div style="margin-bottom:-15px;">
            <img class="img_recipe" id="img_17" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_18" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_19" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_20" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_21" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_22" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_23" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_24" src="./img/paintbrush.png"></img>
        </div>
        <div style="margin-bottom:-15px;">
            <img class="img_recipe" id="img_25" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_26" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_27" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_28" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_29" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_30" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_31" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_32" src="./img/paintbrush.png"></img>
        </div>
        <div style="margin-bottom:-15px;">

            <img class="img_recipe" id="img_33" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_34" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_35" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_36" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_37" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_38" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_39" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_40" src="./img/paintbrush.png"></img>
        </div>
        <div style="margin-bottom:-15px;">

            <img class="img_recipe" id="img_41" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_42" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_43" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_44" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_45" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_46" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_47" src="./img/paintbrush.png"></img>
            <img class="img_recipe" id="img_48" src="./img/paintbrush.png"></img>
        </div>

        <div class=previous id="backhome" style="position: absolute;left: -80px;top: 410px;"> PREVIOUS
        </div>
        <div class=quit id="quitmenu" style="position: absolute;left: 220px;top: 410px;"> QUIT
        </div>

    </div>

</div>
<div class="block2" id="home_craft">

    <div class="content2">
        <div style="margin-bottom:5px;">
            <img id="hatcategory" src="./img/hat.png"></img>
            <img id="weaponcategory" src="./img/weapon.png"></img>
            <img id="toolcategory" src="./img/tool.png"></img>
        </div>

        <div style="padding-bottom:5px;">
            <img id="foodcategory" src="./img/food.png"></img>
            <img id="placeablecategory" src="./img/placeable.png"></img>
            <img id="constructioncategory" src="./img/construction.png"></img>
        </div>
    </div>
    <div class=quit id="quit" style="margin-top:270px;margin-left:210px;position:absolute;"> QUIT
    </div>
</div>

<div class="chronoquest" id="chronoquest">
    <div id="bar_quest">
        <div id="typequest">Chrono Quests</div>
        <div id="timeremainingquest">Time Remaining</div>
        <div id="constraintquest"> Constraints</div>
        <div id="claim_rewards"> Claim rewards</div>
        <div id="rewardquest"> Reward </div>
    </div>

    <div class="quest_scroll">
        <div id="quest_1">
            <div id="killdragon_1"> Collect 1 dragon heart</div>
            <div id="timeremain_0"> 7 days</div>
            <div id="time_finished_0"> SUCCEED </div>
            <div id="contraint_1">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_0">CLAIM REWARD!</div>
            </div>

            <div id="reward_1">
                <img style="width:30px" src="./img/blue-orb.png" alt="Blue orb"></img>
            </div>
        </div>
        <div id="quest_2">
            <div id="amethyst_2"> Gather 1 amethyst</div>
            <div id="timeremain_1"> 5 days</div>
            <div id="time_finished_1"> SUCCEED </div>
            <div id="contraint_2">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_1">CLAIM REWARD!</div>
            </div>

            <div id="reward_2">
                <img style="width:30px" src="./img/dragon-cube.png" alt="Dragon cube"></img>
            </div>
        </div>
        <div id="quest_3">
            <div id="survive20min_3"> Survive without losing life</div>
            <div id="timeremain_2">4 days</div>
            <div id="time_finished_2"> SUCCEED </div>
            <div id="contraint_3">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:22px;">
                <div class="claim_reward_button" id="claim_reward_2">CLAIM REWARD!</div>
            </div>

            <div id="reward_3">
                <img style="width:25px" src="./img/gemme-green.png" alt="Green gem"></img>
            </div>
        </div>
        <div id="quest_4">
            <div id="treasure_chest_4"> Open 5 treasure chests</div>
            <div id="timeremain_3"> 3 days</div>
            <div id="time_finished_3"> SUCCEED </div>
            <div id="contraint_4"> -</div>

            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;margin-right:28px;">
                <div class="claim_reward_button" id="claim_reward_3">CLAIM REWARD!</div>
            </div>
            <div id="reward_4">
                <img style="width:25px" src="./img/gemme-orange.png" alt="Orange gem"></img>
            </div>
        </div>
        <div id="quest_5">
            <div id="dont_hit_5"> Be peaceful</div>
            <div id="timeremain_4"> 6 days</div>
            <div id="time_finished_4"> SUCCEED </div>
            <div id="contraint_5">
                <img style="width:30px" src="./img/rabbit-contraint.png" alt="Rabbit constraint"></img>
                <img style="width:30px" src="./img/body-contraint.png" alt="Body constraint"></img>
            </div>

            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;margin-right:40px;">
                <div class="claim_reward_button" id="claim_reward_4">CLAIM REWARD!</div>
            </div>

            <div id="reward_5">
                <img style="width:25px" src="./img/gemme-blue.png" alt="Blue gem"></img>
            </div>
        </div>

        <div id="quest_6">
            <div id="bread_6"> Collect 100 bread in deep winter</div>
            <div id="timeremain_5"> 6 days</div>
            <div id="time_finished_5"> SUCCEED </div>
            <div id="contraint_6">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_5">CLAIM REWARD!</div>
            </div>

            <div id="reward_6">
                <img style="width:34px" src="./img/special-fur1.png" alt="Special fur"></img>
            </div>
        </div>

        <div id="quest_7">
            <div id="winter_7"> After 1 day, survive in winter</div>
            <div id="timeremain_6"> 6 days</div>
            <div id="time_finished_6"> SUCCEED </div>
            <div id="contraint_6">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_6">CLAIM REWARD!</div>
            </div>

            <div id="reward_6">
                <img style="width:34px" src="./img/special-fur2.png" alt="Special fur"></img>
            </div>
        </div>
        <div id="quest_8">
            <div id="lavadragon_8"> Kill the Lava Dragon inside the Lava Biome</div>
            <div id="timeremain_7"> 5 days</div>
            <div id="time_finished_7"> SUCCEED </div>
            <div id="contraint_7">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_7">CLAIM REWARD!</div>
            </div>

            <div id="reward_7">
                <img style="width:33px" src="./img/lava-orb.png" alt="Lava Orb"></img>
            </div>
        </div>
        <div id="quest_9">
            <div id="reidite_9"> Gather 1 reidite</div>
            <div id="timeremain_8"> 3 days</div>
            <div id="time_finished_8"> SUCCEED </div>
            <div id="contraint_8">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_8">CLAIM REWARD!</div>
            </div>

            <div id="reward_8">
                <img style="width:33px" src="./img/lava-cube.png" alt="Lava Cube"></img>
            </div>
        </div>
        <div id="quest_10">
            <div id="watermelon_10"> 100 bread in desert, alone, without come back</div>
            <div id="timeremain_9"> 4 days</div>
            <div id="time_finished_9"> SUCCEED </div>
            <div id="contraint_9">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_9">CLAIM REWARD!</div>
            </div>

            <div id="reward_9">
                <img style="height:28px;margin-left:10px;transform:rotate(45deg);" src="./img/day-gold-fork.png" alt="Pitchfork 2"></img>
            </div>
        </div>

        <div id="quest_11">
            <div id="watermelon_11"> Gather 1 emerald</div>
            <div id="timeremain_10"> 3 days</div>
            <div id="time_finished_10"> SUCCEED </div>
            <div id="contraint_10">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_10">CLAIM REWARD!</div>
            </div>

            <div id="reward_10">
                <img style="width:33px;margin-top:10px;" src="./img/day-pilot-glasses.png" alt="Pilot Glasses"></img>
            </div>
        </div>

        <div id="quest_12">
            <div id="watermelon_12"> Kill 1 Sand Worm</div>
            <div id="timeremain_11"> 3 days</div>
            <div id="time_finished_11"> SUCCEED </div>
            <div id="contraint_11">
                <img style="width:30px" src="./img/chest-contraint.png" alt="Chest constraint"></img>
                <img style="width:30px" src="./img/box-contraint.png" alt="Box constraint"></img>
                <img style="width:30px" src="./img/shop-contraint.png" alt="Shop constraint"></img>
                <img style="width:30px" src="./img/hood-contraint.png" alt="Hood constraint"></img>
            </div>
            <div style="width:120px;height:9px;display:inline-block;float:left;margin-left:20px;">
                <div class="claim_reward_button" id="claim_reward_11">CLAIM REWARD!</div>
            </div>

            <div id="reward_11">
                <img style="width:34p