.mframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v4 {
    position: fixed;
    height: 100%;
    width:100%;
    left: 0;
    top: 0;
    z-index: 1;
  
}

.frm {
    position: relative;
    z-index: 2;
    background: rgb(250, 249, 249);
    width: 23em;
    text-align: justify;
    margin: 2em;
    padding: 1.5em;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1em;
    -webkit-box-shadow: 0px 0px 26px 8px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 26px 8px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 26px 8px rgba(34, 60, 80, 0.2);
}

.btn {
    background: rgb(213, 0, 0);
    color:white;
    padding: 1em;
    display: inline-block;
    margin: 1em;
    margin-bottom: 0em;
    border-radius: .5em;
    width: 7.3em;
    text-align: center;
    cursor:pointer;
    font-weight: bold ;
}

.level{
    font-size: 1.4em;
    padding: .4em;
    margin: .3em;
    padding-top: .7em;
    padding-bottom: .0em;
    border-radius: 2em;
    width:2em;
    height: 2em;
    text-align: center ;
    display: inline-block;
    font-weight: bold;
}

.l1 {border:solid .2em rgb(191, 215, 10);}
.l2 {border:solid .2em rgb(226, 218, 9);}
.l3 {border:solid .2em rgb(226, 211, 9);}
.l4 {border:solid .2em rgb(228, 201, 15);}
.l5 {border:solid .2em rgb(255, 135, 0);}
.l6 {border:solid .2em rgb(255, 111, 0);}
.l7 {border:solid .2em rgb(255, 32, 0);}
.l8 {border:solid .2em red;}

.resp{
    text-align: center;
}

.butpanell {
    position: fixed;
    z-index: 2;
    width:100%;
    text-align: right ;
    bottom: 2em;
    display:none;
}