style.css

*{
    margin: 0;
    padding: 0;
}
.banner{
    width: 100%;
    height: 635px;
    /* background: black;
    color: #ffff; */
    background: url(./images/beach.jpg);
    background-size: cover;
    background-position: center;
}
.banner-text{
    text-align: center;
    padding-top: 220px;
}
span{
    font-size: 35px;
    /* background: linear-gradient(to right, green,yellow,red); */
    color: black;
    background: linear-gradient(to right, #2fda04, #FFF200, #FF0000);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.login-form{
    width: 400px;
    height: 300px;
    padding: 30px;
    margin: 80px auto;
    border: 10px solid black;
}
.login-form input{
    width: 380px;
    height: 30px;
    border: 2px solid #00ff55;
}
.button input{
    background: linear-gradient(to right, green,yellow,red);
    width: 386px;
}