@font-face{

    font-family:"Press Start 2P";

    src:url(
        "/wp-content/uploads/fonts/PressStart2P-Regular.woff2"
    ) format(
        "woff2"
    );

    font-weight:normal;

    font-style:normal;

}

*{

    font-family:
        "Press Start 2P",
        monospace;

    box-sizing:border-box;

}

body{

    margin:0;

    background:#12001f;

    color:white;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;
}

.login-screen{

    width:min(90%,700px);
}

.login-title{

    text-align:center;

    font-size:4rem;

    margin-bottom:40px;

    color:white;
}

.login-box{

    border:8px solid #f1ff02;

    padding:30px;

    background:#1a002b;
}

.login-box label{

    display:block;

    margin-bottom:10px;

    font-size:1rem;
}

.login-box input{

    width:100%;

    box-sizing:border-box;

    margin-bottom:25px;

    padding:16px;

    background:#12001f;

    border:4px solid #d9d9d9;

    color:white;

    font:inherit;
}

.login-box input:focus{

    outline:none;

    border-color:#02f1ff;
}

.login-btn{

    width:100%;

    border:none;

    background:#2675c9;

    color:white;

    padding:20px;

    cursor:pointer;

    font:inherit;

    font-size:1.2rem;
}

.login-btn:hover{

    filter:brightness(1.1);
}

.login-error{

    background:#cc0000;

    color:white;

    padding:15px;

    margin-bottom:20px;

    text-align:center;
}


.login-links{

    margin-top:20px;

    text-align:center;
}

.forgot-password{

    color:var(--papere-blue);

    text-decoration:none;

    font-size:.8rem;
}

.forgot-password:hover{

    color:var(--papere-yellow);
}