body{
    margin:0;
    padding:0;
    background: url('img/bg.jpg');
    color:white;
    font-family: 'Poppins', sans-serif;
    height: 100%;
}
.left{
    /* border:2px solid red; */
    display:inline-block;
    position:absolute;
    left:60px;
    top:20px;
}
.mid{
    /* border:2px solid green; */
    margin: 20px auto;
    display: block;
    width:50%;
    /* top:20px; */
}
.right{
    /* border:2px solid blue; */
    display:inline-block;
    position:absolute;
    right:34px;
    top:20px;
}
.navbar{
    display:inline-block;
}
.navbar li{
    display:inline-block;
    font-size: 20px;
}
.navbar li a{
    color:white;
    text-decoration:none;
    padding:34px 23px;
}
.navbar li a:hover, .navbar li a:active{
    text-decoration: underline;
    color:rgb(223, 223, 223);
}
.left img{
    width:200px;
    filter: invert(100%);
}
.left div{
    text-align: center;
    line-height: 0px;
    /* margin-bottom: 100px; */
    font-size: 30px;


    font-family: 'Dela Gothic One', cursive;}
.btn{
    margin: 10px 9px;
    background-color: rgb(167, 90, 90);
    color:white;
    padding:4px 14px;
    border:2px solid rgb(155, 52, 52);
    border-radius: 10px;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}
.btn:hover{
    background-color: rgb(145, 60, 60);
}
.container{
    /* border:2px solid yellow; */
    margin:80px 20px 0px 20px;
    padding:75px;
    width:33%;
    border-radius: 28px;
} 
.form-group input{
    text-align: center;
    display: block;
    width: 300px;
    padding:6px;
    border: 2px solid rgb(197, 197, 197);
    margin:11px auto;
    font-size: 15px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;

}
.form-group button{
    margin: 20px auto;
    display: block;
    width: 320px;

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