body{
    margin:0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    
    }
  
    body {
        z-index: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        height: 100%;
        width: 100%;
        background-image:url('/img/background.png');
        background: rgb(139, 26, 96);
        background-size: cover;
    }
    
    
    #login_box {
        background: white;
        position: absolute;
        width:12%;
        height:20%;
        min-width:250px;
        min-height:280px;
        padding: 5px 30px 30px 30px ;
        display: block;
        text-align: center;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        border-radius: 3px;
        box-sizing: border-box;
        margin-left: 44%;
        top:30%;
    }   
    
    #login_box h1{
        font-weight: 400;
        border-bottom: 1px solid #eee;
        font-family: inherit;
        color: inherit;
        
    }
    
    #login_box input{
        width: 100%;
        padding: 5px;
        margin: 3px;
        min-height: 30px;
        border-radius: 4px;
    }

    #login_box img{
        width: 100px;
        height: 100px;

    }
    
    #login_box #login_error{
        background-color:red;
        width: 100%;
        color: white;
        margin: 3px;
        min-height: 30px;
        border-radius: 4px;
    }
    
    #login_form button{
        color: rgb(232,195,42);
        background: rgb(139, 26, 96);
        padding: 5px;
        margin: 3px;
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0px;
        margin-top: 15px;
    }
    
    #login_form button:hover{
        background: rgb(189, 32, 129);
    
    }