.bg_color {
    background: #bfefefff;
}
.topbar {
    height: 15% !important;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f17b31;
    width: 100%;
    font-size: 2em;
    z-index: 99;
    overflow: hidden;
}
.contentbox{
    width: 100%;
    height: 100%;
}
.bg{
    background: linear-gradient(180deg, rgba(254,250,232,1) 0%, rgba(250,236,199,1) 100%);
}
.mainblock {
    position: absolute;
    height: 85%;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    top: 15%;
}
.twoblock {
    background: #fff;
    border-radius: 2.3em;
    border: 2px solid #fff2cc;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 33%;
    height: 76%;
}
.twoblock:hover {
    background: #c9daf8ff;
    border: 3px solid #4285f4;
}
.imagestartpos {
    width: 18%;
    right: -1%;
    display: none;
    position: absolute;
    top: -6%;
    z-index: 2;
}
.corctopt {
    width: 25%;
}
.handicon {
    position: absolute;
    top: 41%;
    left: 26%;
    width: 8%;
    cursor: pointer;
}
.textimg {
    width: 52%;
}
.twoulto{
    transform: scale(-1,1);
}
.dhahand {
    position: absolute;
    top: 23%;
    left: 29%;
    width: 42%;
}