html,
 body {
     background-color: #000000;
     /* color: #ffffff;*/
     font-family: 'Nunito', sans-serif;
     font-weight: 200;
     height: 100vh;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
 }

 #canvas {
     /*position: relative;*/
     /* margin: auto;
     display: block;
     width: 100vw !important;
     height: auto !important; */
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;

 }

 img {
     display: block;
     height: auto;
     padding: 0px;
     /* margin: 0px; */
     margin: auto;

 }

 #footer {
     position: fixed;
     bottom: 0;
     width: 100%;
 }


 #game {
     /* width: 100%; */
     /* height: 100%; */
     /* background-color: #ff0000; */
     /* z-index: 0; */
 }

 #account {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* z-index: 100; */
    opacity: 0.9;
}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ff870f;
    z-index: 100;
    text-aling:center;
    display: block;
}

img {
	max-width: 100%;
	height: auto;
}

.modal-header {
    justify-content: center;
}

.modal-footer {
    justify-content: center;
}

.swal-button {
    background-color :#007bff;
}

.swal-footer{
    text-align: center;
}

.swal-text {
    color:#212529;
}

#gamearea {
    width: 100%;
    z-index: 2;
}

#copyright {
    width:100%;
    text-align:center;
    color:#fff;
    position: absolute;
    z-index: 1;
}