.maindiv
{
    background: linear-gradient(rgb(35, 10, 50), 50%, rgb(30, 30, 30));
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.background_filter
{
    background: linear-gradient(rgba(5, 0, 0, 0.5), 50%, rgba(0, 0, 0, 0.8));
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.loginbox
{
    background: linear-gradient(rgba(5, 0, 0, 0.5), 50%, rgba(0, 0, 0, 0.7));
    border-radius: 30px;
    box-shadow: 0px 0px 20px rgba(255,255,255, 0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 50%;
    transform: translate(-50%, -50%);
    color: rgb(255, 255, 255);
}

.inlog
{
    background: linear-gradient(rgba(5, 0, 0, 0.5), 50%, rgba(0, 0, 0, 0.7));
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(255,255,255, 0.4);
    position: relative;
    left: 50%;
    width: 100%;
    height: 15%;
    transform: translate(-50%, 0%);
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.inlog:hover,.inlog:focus
{
    box-shadow: 0px 0px 20px rgba(255,255,255, 1);
}

.center
{
    text-align: center;
}

.inlogout
{
    background: linear-gradient(rgba(5, 0, 0, 0.2), 50%, rgba(0, 0, 0, 0.5));
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(255,255,255, 0.4);
    position: relative;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, 0%);
    color: rgb(255, 255, 255);
    font-size: 20px;
}