@font-face {
    font-family: 'kohinoor';
    src: url(../fonts/kohinoorbangla.ttf);
}

*{
    margin:0;
    padding:0;
    font-family: 'kohinoor';
    box-sizing: border-box;
}

.log_in_container{
    width: 80%;
    margin: auto;

}

.column_gif{
    width: 100%;
    display: block;
}

.image_gif{
    width: 100%;
    margin: auto;
    padding: 10%;
}

.column_input{
    width: 100%;
    margin: auto;
    text-align: center;
    /* padding: 10%; */
}

input{
padding: 10px 20px;
  /* margin: 8px 0; */
  display: inline-block;
  border: 1px solid rgb(231, 228, 228);
  border-radius: 4px;
  /* box-sizing: border-box; */
}

/* For mobiles: */


@media only screen and (min-width: 600px) {
    /* For tablets: */


  }

@media only screen and (min-width: 768px) {
    /* For desktop: */

    /* .log_in_container{
        width: 100%;
        background-image: url(images/back_4@2x.png);
        background-size: 100% 100%;
        background: #000;
    } */

    .border_frame{
        width: 60%;
        padding: 5%;
        display: flex;
        border: 1px;
        border-color: rgb(210, 201, 201);
        border-radius: 4px;
        border-style: solid;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }

    .image_gif{
        width: 100%;
        padding: 0%;
    }

    .column_input{
        width: 100%;
        text-align: center;
        padding: 0%;
    }
}