body{
    background-image: url('DARK_THEME1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: white;
}
.login{
    margin:auto;
    margin-top: 100px;
    border-radius: 30px;
    text-align: center;
    width: 300px;
    background-color: none;
    height: 450px;
    padding: 10px;
    /*opacity: 0.5;*/
    background-color: rgba(255, 255, 255, 0.123);
}
button {
    color: green;
    text-align: center;
    font-size: 20px;
    background-color: white;
    /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    font-family: 'Times New Roman', Times, serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px green;
    border-radius: 20px;
    padding: 10px;
    transition-duration: 0.3s;
    box-shadow: none;
}
button:hover{
    background-color: white;
    background-color: green;
    color: green;
    color: white;
    border: 1px white;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
img{
    border-radius: 50%;
    width: 200px;
    height: 200px;
}
.user{
    text-align: center;
    width: 200px;
    text-align: center;
    background-image: url('leaf.jpg');
    border-radius: 20px;
    padding: 10px;
}
input{
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 20px;
    text-align: center;
    outline: none;
}