body {
    background-color: black;
}

.center {
    text-align: center
}

#space-invaders {
    margin: 0 auto;
    display: block;
    background-color: black;
}

.sound {
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin-left: 189px;
    position: absolute;
    margin-top: 500px;
}

.popup {
    width: 556px;
    height: 539px;
    top: 2%;
    position: absolute;
    left: 30%;
}

.winpopup {
    width: 556px;
    height: 539px;
    top: 2%;
    position: absolute;
    left: 30%;
}

.Gameover {
    margin-top: 244px;
    position: absolute;
    margin-left: 593px;
    font-size: 36px;
    color: white;
    font-family: monospace;
    font-weight: bold;
    cursor: pointer;
}

.losemsg {
    margin-top: 151px;
    position: absolute;
    margin-left: 639px;
    font-size: 27px;
    color: white;
    font-family: monospace;
    font-weight: bold;
}

.winmsg {
    margin-top: 153px;
    position: absolute;
    margin-left: 639px;
    font-size: 27px;
    color: white;
    font-family: monospace;
    font-weight: bold;
}

.star {
    width: 139px;
    position: absolute;
    margin-left: 605px;
    margin-top: 189px;
}

.rst {
    margin-top: 332px;
    position: absolute;
    margin-left: 602px;
    font-size: 27px;
    color: white;
    font-family: monospace;
    border-radius: 15px;
    background-color: #bf8040;
    font-weight: bold;
    box-shadow: 10px 10px black;
    cursor: pointer;
}

.reset {
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin-top: 513px;
    position: absolute;
    margin-left: 274px;
}

.left {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    margin-top: 513px;
    margin-left: 1000px;
}

.right {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    margin-top: 513px;
    margin-left: 1080px;
}

.bullet {
    width: 60px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    margin-top: 513px;
    margin-left: 1142px;
}

.winbtn {
    margin-top: 332px;
    position: absolute;
    margin-left: 593px;
    font-size: 27px;
    color: white;
    font-family: monospace;
    border-radius: 15px;
    background-color: #bf8040;
    font-weight: bold;
    box-shadow: 10px 10px black;
    cursor: pointer;
}

@media screen and (max-width:1000px) {
    .popup {
        margin-top: -80px;
        margin-left: -122px;
    }

    .winpopup {
        margin-top: -81px;
        margin-left: -124px;
    }

    .Gameover {
        margin-top: 158px;
        margin-left: 306px;
    }

    .losemsg {
        margin-top: 70px;
        margin-left: 338px;
    }

    .winmsg {
        margin-top: 64px;
        margin-left: 342px;
    }

    .rst {
        margin-top: 246px;
        margin-left: 312px;
    }

    .winbtn {
        margin-top: 247px;
        margin-left: 297px;
    }

    .reset {
        margin-top: 166px;
        margin-left: 144px;
    }

    .left {
        margin-left: 553px;
        margin-top: 207px;
    }

    .right {
        margin-left: 617px;
        margin-top: 207px;
    }

    .bullet {
        margin-left: 666px;
        margin-top: 204px;
    }

    .reset {
        margin-top: 205px;
        margin-left: 100px;
    }

    .sound {
        margin-top: 191px;
        margin-left: 19px;
    }

    .star {
        margin-left: 317px;
        margin-top: 103px;
    }
}