@media (min-width:750px){
    .searchForm{
        display: flex;
    }
    #search1{
        width: 400px;
    }
    #search2{
        width: 400px;
    }
    #createInput{
        float: left;
    }
    
}
@media (min-width:1180px){
    #markbat{
        width: 700px;
        
    }
}
#markbat{
    font-weight: bold;
}


#butt1{
    background-color: black;
    color: aliceblue;
}
.table{
    background-color: rgb(202, 200, 200);
}

@media (max-width:1100px){
    .containerr{
        position: relative;
        border: solid 1px rgb(0, 0, 0);
        height: 500px;
        width: auto;
        overflow: auto;
    }
    .containerrr{
        position: relative;
        border: solid 1px rgb(0, 0, 0);
        height: 500px;
        width: 700px;
        overflow: auto;
    }
    .Ccontainer{
        position: relative;
        border: solid 1px rgb(0, 0, 0);
        height: 500px;
        width: 700px;
        overflow: auto;
    }
    .table{
        position: absolute;
        top: 0;
        left: 0;
        right: 1px;
        bottom: 0;
        overflow:scroll;
    }
    

}