*{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }
    body{
        position: relative;
        background:black;
    }
    .body-image{
        position:fixed;
        height:100%;
        width:100%;
        display:flex;
        justify-content: center;
        display: flex;
        z-index: 1;
    
    }
    .body-image img{
        position:absolute;
        height:100%;
        width:100%;
        object-fit:cover;
        object-position: center;
        opacity: 0.6;
    
    }
    .company-name{
        position: absolute;
        z-index: 1;
        color: gold;
        font-weight: bold;
        text-transform: uppercase;
        top: 30px;
        font-size: 60px;
    
    }
    .slogan{
        position: absolute;
        z-index: 1;
        color:white;
        font-weight: bold;
        text-transform: uppercase;
        top: 100px;   
        font-size: 22px;
    }
    .welcom{
        position: absolute;
        z-index: 1;
        color:gold;
        font-weight: bold;
        text-transform: uppercase;
        top: 140px;   
        font-size: 18px;
    }
    form{
        z-index: 1;
        position: absolute;
        height:320px;
        width:350px;
        box-shadow:inset 0 0 1px hsla(0, 0%, 100%, .6), 0 0.5em 1em rgba(0, 0, 0, 0.6);
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        top:180px;
        
    }
    form h1{
        position:relative;
        background: rgba(189, 137, 137, 0.6);
        width: 140px;
        display: flex;
        color: red;
        font-weight: bold;
        font-size: 28px;
        left:calc(50% - 70px);
        text-transform: uppercase;
        justify-content: center;
        align-items: last baseline;
        height: 40px;
        margin-bottom: 10px;
        border-radius: 0px 0px 10px 10px;
    
    }
    p.error{
        color: white;
        position: relative;
    }
    form label{
        position: relative;
        background:transparent;
        width: 100%;
        color:white;
        left: 5%;
        font-size: 22px;
    }
    
    form p3{
        position:absolute;
        background:transparent;
        width: 100%;
        color:white;
        font-size: 16px;
        bottom: 5px;
        left: 25px;
    }
    form p4{
        position:absolute;
        bottom:80px;
        right: 35px;
        background:transparent;
        width: 100%;
        font-size: 20px;
    }
    form p3 a, form p4 a{
        color: red;
        font-weight: bold;
        height:30px;
        text-decoration: none;
    }
    
    form input{
        border:none;
        padding:12px 20px;
        width:90%;
        left:5%;
        background: #ddd;
        outline:none;
        color:black;
       position:relative; 
       margin-bottom:10px;
       border-radius: 10px;
    }
    form button{
        border: none;
        outline: none;
        bottom:40px;
        left:10%;
        width: 80%;
        height: 35px;
        position: absolute;
        background-color: blueviolet;
        border-radius: 50px;
    }