*{
    margin:0;
}
body{
    font-family:helvetica;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
}
.navbar{
    position:absolute;
    background-color:beige;
    top:0;
    width:100%;
    padding:20px;
    display:flex;
    justify-content:space-between;
    box-sizing:border-box;
    
}
.link{
    list-style:none;
}
.link a{
        text-decoration:none;
        color:rgb(9, 255, 25);
}
.container{
    border:1px solid black;
    padding:20px;
    width:100%;
    max-width:350px;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:10px;
    background:rgb(176, 174, 174,0.2);
    

}
.container button{
    margin:10%;
}
.password{
    margin:20px;
}
@media(max-width:768px){
    .navbar{
        display:flex;
        justify-content:space-evenly;
        align-items:center;
    }
    .container{
        font-size:small;
        background:rgb(176, 174, 174,0.2);
        width:50%;
    }
    .password{
        font-size:14px;
    }
}