*{
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
}
body{
background-image: url(123.jfif);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 100vh;
display: grid;
place-items: center;
font-family: "Nunito", sans-serif;
}
/* .circle-blue{
width: 120px;
height: 120px;
border-radius: 50%;
background-image: linear-gradient(to right, #56bbff, #f89fff);
} */
.login-container{
margin: 0 auto;
width: 25em;
min-height: 100%;
background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba(233, 234, 241, 0.37);
backdrop-filter: blur( 6.0px );
-webkit-backdrop-filter: blur( 6.5px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
border-radius: 10px;
overflow: hidden;
}
fieldset{
height: 80vh;
border-radius: 10px;
overflow: hidden;
}
.flexi{
margin-left: 25px;
}
h1{
margin-left: 60px;
margin-top: 30px;
font-weight: 400;
font-size: 3rem;
}
label{
font-size: 28px;
font-weight: 500;
margin-left: 5px;
}
input{
height: 3em;
width: 25em;
border-radius: 8px;
margin-top: 10px;
outline: none;
border: none;
background-color: rgb(51, 48, 48);
margin-left: 5px;
}
button{
margin-top: 70px;
margin-left: 5px;
height: 3em;
width: 13.3em;
border-radius: 8px;
color: #000;
border: none;
font-size: 25px;
font-weight: 700;
}