#hero{
    height: 0vh;
    background-image: url("../../static/Photos/enc.jpg");
}
#call-to-action{
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../../static/Photos/enc.jpg) fixed center center;
    background-size: cover;
    padding: 20px 0px;
    width: 100%;
    height: 320vh;
    margin-left: 0;
}
.imgdiv{
    background-color: rgb(94, 228, 233);
    border-radius: 15px;
    height: 65vh;
    width: 49%;
    margin: 0;
    float: left;
    vertical-align: top;
    margin-left: 0%;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    overflow: hidden;
}
#result, #extraction{
    margin-top: 3vh;
    width: 75%;
    height: 82%;
    float: left;
}
#resultCanvas, #extractionCanvas{
    height: 96%;
}
.inp{
    float: left;
    width: 70%;
    margin-left: 1px;
}
.uploadimg{
    margin: 1% 1%;
    width: 97.5%;
    height: 55vh;
    margin-bottom: 0;
    border: 1px solid #000000;
    border-radius: 15px;
    /*border-bottom-right-radius: 0;*/
}
.text{
    color: black;
    float: right;
    font-size: 25px;
    margin-right: 3px;
    margin-left:1%;
}
    
#content{
    font-size: 20px;
    width: 100%;
    height: 100vh;
    margin-left: 2%;
}
#info{
    color: white;
    width: 100%;
    font-size: 15px;
}
.row{
    width: 100%;
}

#extractBTN{
    margin-top: 3vh;
    width: 15%;
    height: 8vh;
    color: black;
    border-radius: 5px;
    background: #FDFC47;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24FE41, #FDFC47);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24FE41, #FDFC47); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#extractBTN:hover{

    cursor: pointer;
    color: black;
    background: #BE93C5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7BC6CC, #BE93C5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7BC6CC, #BE93C5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

#hideBTN{
    margin-top: 3vh;
    width: 15%;
    height: 8vh;
    color: black;
    border-radius: 5px;
    background: #FDFC47;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24FE41, #FDFC47);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24FE41, #FDFC47); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#hideBTN:hover{
    cursor: pointer;
    color: black;
    background: #BE93C5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7BC6CC, #BE93C5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7BC6CC, #BE93C5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}