*{
    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: #E41010;
        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;
    }

    #row-register{
        background: #E41010;
        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;
        padding: 80px;
    }
    

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

    .btn1{
        border: none;
        outline: none;
        height: 30px;
        width: 100%;
        background-color: white;
        color: red;
        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:  #E41010;
        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;

    }

     #row-register{
        background: #E41010;
        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;
        padding: 80px;
    }

    

    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: red;
        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;
    }

}