*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    background: rgb(238, 231, 231);
    font-family: 'Nunito';
    color: white;
}

@media only screen and (max-width: 780px) {
    #row-login{
        background:  #008000 ;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 5px 5px 5px black;
        margin-top: 100px;

    }

    img{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 100%;
    }

    .btn1{
        border: none;
        outline: none;
        height: 30px;
        width: 100%;
        background-color: rgba(120, 163, 234, 0.771);
        color: white;
        border-radius: 10px;
        font-weight: bold;
    }


    .btn1:hover{
        background: white;
        color: black;
    }

    h1{
        font-family: serif;
    }

    .col-lg-7{
        padding-bottom: 2em;
    }

}

@media only screen and (min-width: 780px) {
    #row-login{
        background: #0875f4 ;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 12px 12px 20px black;
        margin-top: 100px;

    }

    img{
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 100%;
    }

    .btn1{
        border: none;
        outline: none;
        height: 40px;
        width: 100%;
        background-color: white ;
        color: #0875f4 ;
        border-radius: 10px;
        font-weight: bold;
    }


    .btn1:hover{
        background: white;
        color: black;
    }

    h1{
        font-family: serif;
    }

    .col-lg-7{
        /* margin-top: 10px; */
        padding-top: 5em;
        padding-bottom: 5em;
    }

}