/* You CSS goes in here */


.card {
    margin-bottom: 5px;
}




#plantcss {
    cursor: pointer;
    position: relative;
    top: 2%;
    left: 5%;
    width: 15%;
    display: none;
    z-index: 1;
}


#genetobeedited {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 22%;
    display: none;
    z-index: 2;
    width: 15%;
    height: 40%;
}

#DNAseq {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 40%;
    display: none;
    z-index: 2;
    width: 10%;
    height: 50%;
}

#plasmid {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 55%;
    display: none;
    z-index: 2;
    width: 15%;
    height: 60%;
}

#dnaseqdata {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 55%;
    display: none;
    z-index: 2;
    width: 15%;
    height: 80%;
}

#dnamolecules {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 75%;
    display: none;
    z-index: 2;
    width: 15%;
    height: 50%;
    
}

#plasmidred {
    cursor: pointer;
    position: absolute;
    top: 25%;
    left: 75%;
    display: none;
    z-index: 2;
    width: 15%;
    height: 65%;
}


#newplant {

     cursor: pointer;
    position: relative;
    top: 2%;
    left: 5%;
    width: 15%;
    display: none;
    z-index: 1;

}

#twogenomicdna {
    position: absolute;
    top: 17.5%;
    left: 25%;
    width: 15%;
    height: 75%;
    cursor: pointer;
    /* stem outline 2D7600 */
    display: none;
}




#agarosegel {
    position: absolute;
    top: 30%;
    left: 60%;
    display: none;
    width: 20%;
    height: 70%;
    z-index: 0;
    cursor: pointer;
}




#img22 {
    position: relative;
    top: 5%;
    left: 5%;
    width: 20%;
    cursor: pointer;
    display: none;

}

#img24 {
    position: absolute;
    top: 1%;
    left: 40%;
    width: 20%;
    cursor: pointer;
    display: none;

}

#img26 {
    position: absolute;
    top: 15%;
    left: 65%;
    width: 30%;
    cursor: pointer;
    display: none;

}