style2.css

    body {
        font-family: "Playfair Display", serif;
        color: white;
        margin: 0px;
        padding: 0px;
        background: url('https://miro.medium.com/max/3840/1*xMuIOwjliGUPjkzukeWKfw.jpeg');
    }

    .left {
        display: inline-block;
        position: absolute;
        left: 60px;
        top: 20px;
    }

    .left img {
        width: 136px;
    }

    .left div {
        line-height: 19px;
        font-size: 26px;
        text-align: center;
        color: black;
        font-weight: bold;
        text-decoration: underline;
    }

    .mid {
        display: block;
        width: 36%;
        margin: 29px auto;
    }

    .right {
        position: absolute;
        right: 34px;
        top: 43px;
        display: inline-block;
    }

    .navbar {
        display: inline-block;
        white-space: nowrap;
        
    }

    .navbar li {
        display: inline-block;
        font-size: 25px;
        text-indent: -80px;
        padding: 20px 35px;
    }

    .navbar li a {
        color: white;
        text-decoration: none;
        padding: 35px 15px;
        text-indent: -200px;
        text-decoration: none;

    }

    .navbar li a:hover {
        text-decoration: underline;
        color: grey;

    }

    .btn {
        font-family: "Playfair Display", serif;
        margin: 9px 9px;
        background-color: black;
        color: white;
        padding: 4px 14px;
        border: 2px solid grey;
        border-radius: 10px;
        font-size: 20px;
        cursor: pointer;
    }

    
    .container {
        border: 2px solid white;
        margin: 106px 80px;
        padding: 75px;
        width: 33%;
        border-radius: 28px;
        
    }

    .form-group input {
        font-family: "Playfair Display", serif;
        text-align: center;
        display: block;
        width: 508px;
        padding: 1px;
        border: 2px solid black;
        margin: 11px auto;
        font-size: 25px;
        border-radius: 8px;
    }

    .container h1 {
        text-align: center;
        color: black;
    }

    .container button {
        display: block;
        width: 74%;
        margin: 20px auto;
    }
    body::before{
        background: url('https://miro.medium.com/max/3840/1*xMuIOwjliGUPjkzukeWKfw.jpeg');
        opacity:0.5;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        width:auto;
        height:auto;
        z-index:-3;
     }