body {
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)
}

.col-md-5 {
    margin-top: 80px !important;
    background: whitesmoke;
}

.col-md-7 {
    margin-top: 50px !important;
}
h2{
    font-weight: bolder !important;
text-decoration: underline;
}
h1 {
    text-align: center !important;
    font-weight: bolder !important;
    margin: 20px !important;
}

button {
    margin-left: 10px !important;
}

button:hover {
    background-color: white !important;
    outline: green solid 2px;
    color: rgb(36, 31, 56) !important;
}

input {
    display: inline !important;
    width: 81% !important;
    border: solid black 3px !important;

}

li {

    display: inline;
    width: 70%;
    list-style-type: none;
    font-size: 20px;
    margin: 10px !important;
    text-align: center;
    padding-top: 35px !important;
    padding-bottom: 50px !important;
}

i {
    color: rgb(202, 33, 33);
}

i:hover {
    cursor: pointer;
}
.impdiv{
margin-top: 10px !important;
}

@media screen and (max-width: 600px) {
        
input{
    width: 70% !important;
}
  }