.body1{
    background-image: url("img/hello.jpeg");
    background-repeat: no-repeat;
    /* background-size:cover;
    background-position:center; */
    height: 100%;
}
#krishna{
    width:26%;
    height: 26%;
    z-index: 121;
    position: absolute;
    margin:2% 2% 2% 2%;
    margin-left: 72%;
    z-index: 12;
    background-image: url("img/krishna.png");
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}
.box{
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
}
.first1{
    display: flex;
    flex-direction: row;

}
.container1{
    position: absolute;
    width: 15vw;
    height: 18vh;
    text-align: center;
    font-size:large;
    border-radius: 15px;
    border-width: 15px;
    background-color: #fff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.container2{
    width: 13vw;
    height: 16vh;
    background-color:#fff;
    margin-top: 1vh;
    margin-left: 1vw;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    border-image: round;
    /* backface-visibility: hidden; */
    /* background-origin: content-box; */
    background-image: url(img/aa.jpeg);
    border-radius: 5px;
    border-width: 15px;

}

.container3{
   z-index: 30;
    width: 50vw;
    height: 18vh;
   position: absolute;
    padding: 2px 2px 2px 2px;
    border-radius: 15px;
    border-width: 15px;
    background-color: #fff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.con3_first{
    display: flex;
    justify-content: center;
}
/* box_a */

.box_a{
    width: 40vw;
}
.box1{
    float: left;
    width: 30vw;
    height: 5vh;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    font-size: 1vw;
    text-align: center;
    padding-top: 10px;
    border: 2px solid rgb(241, 217, 0);
    border-radius: 10px;
    background-color: rgb(245, 245, 245);

}

.button_ran{
width: 20vw;
height: 8vh;
margin-left: 10px;
font-size: 2vw;
border: 1px solid rgb(92, 47, 255);
border-radius: 10px;
background-color: rgba(7, 82, 85, 0.849);
cursor:pointer;
color: #fff;
}

/* small box number */
.box_num{
    width: 2vw;
    height: 2vh;
    margin-left: 10px;
    padding: 2px 2px 2px 2px;
    font-size: 1vw;
    float: left;
    border: 1px solid rgb(167, 102, 16);
    text-align: center;
    background-color: rgba(250, 250, 250, 0.849);
    cursor:pointer;
}
#box_num11{
    width: 7vw;
    border: 1px solid red;
}
#box_num2{
    margin-left: 1px;
}
#box_num:focus{
    visibility: visible;
    /* background-color: rgba(255, 0, 34, 0.664); */
}
.container0{
     width:15vw;
     height: 20vh;
     margin-left: 20px;
     position: relative;
}



#combine{
    width: 2vw;
    height: 4vh;
    float: right;
    margin-top: -5%;
    margin-right: 0%;
    /* border-radius: 2% 0% 40% 0%; */
    background-image: url("img/mobile-app.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.copied{
    display: none;
float: left;
margin-top: -16px;
margin-left: 2px;
border-radius: 15px;
border-width: 15px;
padding-left: 8px;
padding-right: 11px;
background-color: rgb(250, 242, 242);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background:radial-gradient(circle at 10% 20%, rgb(255, 200, 124) 0%, rgb(252, 251, 121) 90%) ;
}
.combination{

    margin-right: 2%;
    border-radius: 0 0 20px 20px;
    text-align: center;
    background: linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%);
    rotate: 270deg;
    margin-top: 5.4vh;
    margin-left: -14vw;
    position: fixed;
    width: 16vw;
    height: 3vh;
}
#setting_con{

    position: absolute;
    z-index: -20;
    width: 26vw;
    height: 16vh;
    padding: 2px 2px 2px 2px;
    margin-left: 51%;
    margin-top: 0.5%;
    display:none;
    border-radius: 15px;
    border-width: 15px;
    background-color: #fff;
    border: 1px solid rebeccapurple;
    /* box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px; */
}
/* ----------------------- */
.p_check{
    margin-top: 0%;
    display: flex;
    flex-direction: row;
   justify-content: flex-start;
    width: 50%;
    height: 2vh;
}

.checkboxa{
    width: 3vw;
    height: 2vh;
    border: 2px solid green;
}

/* password text */
@media only screen and (max-width:620px) {
    #krishna{
    display: none;
    }
    .con3_first {
        margin-top: 2%;
    }
    .box1{
        float: left;
        width: 66vw;
        height: 3vh;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
        font-size: 4vw;
    }
    .button_ran {
        width: 20vw;
        height: 5vh;
        margin-left: 10px;
        font-size: 3vw;
    }
    .box_num {
        width: 3vw;
        height: 2vh;
        margin-left: 10px;
        padding: 2px 2px 2px 2px;
        font-size: 3vw;
    }
    .box_a {
        width: 90vw;
         margin-left: 3%;

    }
    #box_num11 {
        width: 19vw;
        margin-left: 3%;
        margin-top: 3px;
    }
    .body1 {
        background-image: url("img/hello.jpeg");
        
/*         background-repeat: no-repeat; */
        background-size: cover;
        height: 100%;
/*         background-position: bottom; */
    }
    .container3 {
        height: 26vh;
        width: 100%;
        position: relative;
    }
    .container2 {
        background-size: cover;
        width: 28vw;
    }
    .container1 {
        position: absolute;
        width: 30vw;
        height: 18vh;
        text-align: center;
        font-size: large;
        border-radius: 5px;
    }
    .container0{
        width:100%;
        height: 20vh;
        position: relative;
        margin-left:0px;
   }
   #combine {
    width: 8vw;
   }
   #setting_con {
    display: none;
    flex-direction: row;
    justify-content: center;
    width: 56%;
    height: 3%;
    margin-left: 16%;
    margin-top: -7%;
    z-index: 30;
    }
    .p_check{
        width: 14vw;
        float: left;
    }
    .copied{
    margin-top: 48px;
    margin-left: 54px;
    }
}