*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
button {
    cursor:pointer;
}
html{
    background:url("/img/gears.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html, body {
    height: 100%;
    width: 100%;
}
.text{

}
.txtbox{
    margin-bottom:4px;
}
body {
    overflow:auto;
}
button {
    width:60px;
    height:25px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    font-size: 15px;
}
#gears {
    position:relative;
    top: 50%;
    left: 50%;
    margin-left:-650px;
    z-index:9;
}
#ChangeGearimg {
    position:relative;
    top:20px;
    left: 50%;
    margin-left:-75px;
}

form{
    background-color: rgba(0, 0, 0,0.85);
    border-radius: 20px;
    width: 280px;
    height: 375px;
    position:fixed;
    top: 45%;
    left: 50%;
    margin-top:-150px;
    margin-left:-150px;
    z-index:10;
}

.login{
    font-family: Arial, sans-serif;
    font-size: 20px;
    position: relative;
    top: 30%;
    left: 50%;
    margin-top:-60px;
    margin-left:-85px;
    color: rgb(102,108,108);
}

#loginstatus{
    border-radius: 10px;
    text-align:center;
    width:300px;
    height:50px;
    position:relative;
    top: -410px;
    left: -60px;
    background-color: rgba(0, 0, 0,0.85);
    color: rgb(209, 209, 209);
}

#logintext{
    position: relative;
    top: 25%;
}
#pwreset{
    width: 120px;
    text-align:left;
    color: rgb(209, 209, 209);
    background-color: rgba(0,0,0,0);
    border: 0px;
}