body{
    margin: 0;
    padding: 0;
}
.wrap{
    position: relative;
}
 .row{
     padding-top: 10%;
     margin:0;
 }

.login-msg{
    text-align:center; 
    font-family:arial;
     color: red;
      background-color:skyblue;
}

 
 .card-header{
     text-align: center;
 }
 .form-group.row {
     padding: 0;
     margin-bottom: 12px;
 }
 .step0 a{
     font-size: 13px;
     color: blue;
 }
 #to_reg, #to_log{
     cursor: pointer;
 }

 
 .money_gif{
    width:100%;
    height:0;
    padding-bottom:56%;
    position: absolute;
    opacity: 0.2;
    z-index: 1;
}

iframe{
    pointer-events: none;
}

div#form-guess, #end-actions {
    z-index: 1;
    position: relative;
}

.score-wrap{
    text-align: center;
    margin-top: 10%;
    position: fixed;
    z-index:10;
}

.hige_score table {
    background-color: #dad9d7;
    z-index: 3;
}

.score-btn{
    text-align: center;
    width:10%;
}

#first{
    padding-top: 10%;
     text-align: center;
}

#first h1{
    font-size: 50px;
    color: rgb(117, 38, 9);
}

#gest{
    font-size: 40px;
}

#theend{
    text-align: center; 
    display: none; 
    margin-top: 30px
}

#total, #bigmoney{
    text-align: center; 
    color: orangered; 
    font-size: 35px
}
.loader_parent{
    pointer-events: none;
    display: none;
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -100px;
}

.loader_parent .play_again{
    z-index: 5;
    position: absolute;
    pointer-events: all;
    top: 90%;
    width: 50%;
    text-align: center;
    margin: auto;
}

.loader_parent .play_again a{
    text-decoration: none;
    padding: 5px 20px;
    display: block;
    border-radius: 30px;
    background-color: rgb(70, 5, 5);
    color: white;
    width: 100px;
    margin: auto;
    font-size: 20px;
}

.loader_parent h2{
    text-align: center;
    margin-bottom: -40px;
    margin-left: 30px;
    color: rgb(70, 5, 5);
    z-index: 6;
    position: relative;
}

.swal2-actions{
    margin: 0;
}

#hige{
    z-index: 10;
}


a{
    text-decoration:none;
    color: black;
}
 @media only screen and (max-width: 600px) {
    
/*   .money_gif {
         display: none;
     }

    .wrap:before {
         content: "";
         background-image: url("images/dollars.jpg");
         position: absolute;
         width:100%;
         height:100%;
         opacity:0.2;
         padding-bottom:30%;
     }
 */
    .score-wrap{
        margin-top: 3%;
    }

        
    #first{
        padding: 20% 3% 0;
    }

     .money_gif {
        width: 1500px;
        height: 900px;
        margin-top: -35%;
        position: fixed;
    }

     
 }