body{
min-width: 100vh;
background-image: linear-gradient(120deg, orange, purple);
background-repeat: no-repeat;
}
.web{
align-items: center;
justify-content: center;
}
.form{
bacground-color: white;
border-radius: 12px;
height: 50%;
width: 420px;
}
h2{
text-align: center;
}
h4{
float: left
margin: 1rem;
}
#uname{
background-color: transparent;
border: none;
color: black;
border-radius: 6px;
width: 380px;
}
/* some things i forgot but will still work */
.web{
dispay: flex;
}
.form{
overflow: hidden
}
/* the login button style */
.log{
width: 360px
border: none;
background: linear-gradient(orange, purple, orange);
border-radius: 12px;
}
/*the forgot password text*/
.forgot{
float: right;
}