.card{
    margin-bottom: 5px;
    }
    
#plantcss {
    cursor: pointer;
    position: relative;
    top: 85%;
    left:0%;
    z-index: 1;
    width: 30%;
    height:30%;
    display: block;
}
#plantcutcss {
    cursor: pointer;
    position: relative;
    top: 85%;
    left:0%;
    z-index: 1;
    width: 30%;
    height:30%;
    display: none;
}


#scissorscss {
    cursor: pointer;
    position: absolute;
    top: 2%;
    left:37%;
    width:10%;
    display: block;
    z-index: 1;
}

#leafcss {
    cursor: pointer;
    display: block;
    position: absolute;
    top:18%;
    left:25%;
    width: 5%;
    z-index: 2;
    display: none;
    
}

#n2bottlecss {
    cursor: pointer;
    position: absolute;
    top: 23.5%;
    left:40%;
    display: block;
    z-index: 2;
    width: 10%;
    height:25%;
}

#motorpestlecss {
    
    position: absolute;
    top: 17.5%;  /*23 */
    left:50%; /* 80*/
    width:15%;
    height:20%;
    display: block;
    
    cursor: pointer;
   
}


#powderbowlcss{
    position: absolute;
    top:20%;
    left:65%;
    width:15%;
    height:20%;
    cursor: pointer; /* stem outline 2D7600 */
    display: none;
    z-index: 3;
}

#dnabuffercss{
    position: absolute;
    top:10%;
    left:90%;
    width:10%;
    height:35%;
    cursor: pointer; /* stem outline 2D7600 */
    display: none;
}

#dnapelletcss {
    position: absolute;
    top: 60%;
    left:70%;
    width: 20%;
    height:35%;
    cursor: pointer;
    display: none;
    
    
}



#tebuffercss{
    position:absolute;
    top:60%;
    left:55%;
    background-color: #fdfdfd;
    display: none;
    width: 8%;
    height:27%;
    z-index: 0;
    cursor: pointer;
}




#dnafragmentcss {
    position: relative;
    top: 5%;
    left:50%;
    width: 30%;
    cursor: pointer;
    display: none;
    
}

#adaptersdnafragmentcss{
    position: absolute;
    top: 5%;
    left:10%;
    width: 30%;
    cursor: pointer;
    display: none;
   
}

#seqplatformcss{
    position: absolute;
    top: 15%;
    left:1%;
    width: 30%;
    cursor: pointer;
    display: none;
    
}

#rawdatacss {
    position: relative;
    top:20%;
    left:35%;
    width:25%;
    cursor: pointer;
    display: none;
}



#filtereddatacss {
    position: absolute;
    top: 18%;
    left:68%;
    width: 30%;
    cursor: pointer;
    display: none;
}

#arrow3css {
    position: absolute;
    top: 18%;
    left:83%;
    width: 7%;
    cursor: pointer;
    display: none;
   
}

#arrow2css {
    position: absolute;
    top: 47%;
    left:87%;
    width: 7%;
    cursor: pointer;
    display: none;
   transform: rotate(-60deg);
}

#arrow1css {
    position: absolute;
    top: 70%;
    left:63%;
    width: 7%;
    cursor: pointer;
    display: none;
   
}

#arrowcss {
    position: absolute;
    top: 90%;
    left:58%;
    width: 4%;
    cursor: pointer;
    display: none;
    transform: rotate(90deg);
   
}

#arrow4css {
    position: absolute;
    top: 40%;
    left:42%;
    width: 7%;
    cursor: pointer;
    display: none;
    
   
}

#arrow5css {
    position: absolute;
    top: 95%;
    left:20%;
    width: 7%;
    cursor: pointer;
    display: none;
    transform: rotate(90deg);
   z-index: 4;
}

#arrowbcss {
    position: absolute;
    top: 40%;
    left:32%;
    width: 2%;
    cursor: pointer;
    display: none;
    
   
}

#arrowccss {
    position: absolute;
    top: 40%;
    left:65%;
    width: 2%;
    cursor: pointer;
    display: none;
    
   
}