﻿body {
    background: url(../image/bgimg.jpg);
    background-size: 1400px 800px;
}

.star {
    width: 125px;
    margin-left: 596px;
    margin-top: -28px;
}

.winpopup {
    margin-left: 233px;
    margin-top: 75px;
}

.losepopup {
    margin-left: 235px;
    margin-top: 75px;
}

.wonmsg {
    margin-left: 591px;
    color: white;
    font-family: cursive;
    font-size: 20px;
    margin-top: -285px;
    font-weight: bold;
}

.losemsg {
    margin-left: 628px;
    color: white;
    font-family: cursive;
    font-size: 24px;
    margin-top: -289px;
    font-weight: bold;
}

.trybtn {
    color: black;
    font-size: 27px;
    margin-top: -188px;
    font-family: cursive;
    font-weight: bold;
    border-radius: 11px;
    box-shadow: 8px 8px yellowgreen;
    cursor: pointer;
    margin-left: 598px;
    position: absolute;
}

.nextbtn {
    color: black;
    font-size: 27px;
    margin-top: -167px;
    font-family: cursive;
    font-weight: bold;
    border-radius: 11px;
    box-shadow: 8px 8px yellowgreen;
    cursor: pointer;
    margin-left: 616px;
    position: absolute;
}

.gamewinmsg {
    margin-left: 591px;
    color: black;
    font-family: cursive;
    font-size: 20px;
    margin-top: -285px;
    font-weight: bold;
}

.gamewin {
    margin-left: 486px;
    margin-top: 12px;
}

h2 {
    color: #666;
    font-family: monospace;
    text-align: center;
}

.background {
    table-layout: fixed;
    border-spacing: 0;
    margin-top:-9px;
}

    .background td {
        padding: 0;
    }

.lava, .actor {
    background: red;
}

.wall {
    background: #444;
    border: solid 6px aquamarine;
    box-sizing: content-box;
}

.actor {
    position: absolute;
}

.coin {
    background: url(../image/coin.png);
    background-size: 11px 12px;
    border-radius: 50%;
}

.player {
    background: url(../image/horse.png);
    background-size: 50px 55px;
    padding: 20px;
    margin-top: -8px;
}

.lost .player {
    background: url(../image/horse.png);
    background-size: 26px 29px;
    padding: 7px;
    margin-top: -11px;
}

.won .player {
    background: url(../image/horse.png);
    background-size: 26px 29px;
    padding: 7px;
    margin-top: -11px;
}

.game {
    position: relative;
    overflow: hidden;
}

.rightarrow {
    width: 76px;
    height: 54px;
    margin-left: 19px;
    cursor: pointer;
}

.uparrow {
    width: 59px;
    height: 64px;
    margin-left: 19px;
    cursor: pointer;
}

.leftarrow {
    width: 76px;
    height: 54px;
    cursor: pointer;
    /*margin-left: 914px;*/
}

.sound {
    width: 36px;
    margin-left: 135px;
    /*margin-top:30px;*/
    cursor:pointer;
}

@media screen and (max-width: 1000px){
    .leftarrow {
        margin-left: 10px;
    }

    .losepopup {
        margin-left: 234px;
        margin-top: -60px;
    }

    .losemsg {
        margin-left: 373px;
        font-size: 28px;
    }

    .trybtn {
        margin-left: 344px;
        margin-top: 116px;
    }

    .nextbtn {
        margin-left: 359px;
        margin-top: 144px;
    }

    .wonmsg {
        margin-left: 328px;
    }

    .winpopup {
        margin-left: 224px;
        margin-top: -60px;
    }

    .gamewinmsg {
        margin-left: 318px;
    }

    .gamewin {
        margin-left: 214px;
        margin-top: -60px;
    }

    .coin{
        background-size:2px 12px;
    }

    .star {
        margin-left: 339px;
    }

   
}