.login-box {
    display: block;
    max-width: 400px;
    height: auto;

    padding: 50px;
    margin: 150px auto auto auto;

    border: none;
    background: #f9f9f9;
}

.login-box img {
    display: block;
    margin: auto;
    width: 200px;
}

.login-input {
    display: block;
    margin: 25px auto;
    width: calc(300px - 16px);
    max-width: calc(100% - 16px);
    padding: 8px;
    border: none;
    font-family: "Poppins-Light";
}

.login-input:focus {
    outline: none;
}

.login-button {
    display: block;
    margin: auto;
}

/* zaloguj button */

.login-button {
    padding: 9px 14px;
    border: none;
    border-radius: 5px;
    margin-top: 25px;

    color: white;
    background: #b4114b;

    font-family: "Poppins-Bold";
    font-size: 14px;

    cursor: pointer;
    
    transition: all 0.3s;
}

.login-button:hover {
    box-shadow: 0px 10px 20px -5px rgba(125,125,125,0.55);
    -webkit-box-shadow: 0px 10px 20px -5px rgba(124, 96, 96, 0.55);
    -moz-box-shadow: 0px 10px 20px -5px rgba(125,125,125,0.55);

    background: #cf1355;
    transition: all 0.3s;
}

.login-button:focus {
    outline: none;
}

/* wylogowano - strona */

.logout-box h1 {
    font-family: "Poppins";
    font-size: 32px;
    text-align: center;
    margin: 50px auto 0px auto;
}

.logout-box p {
    font-family: "Poppins";
    font-size: 14px;
    color: #bdbdbd;
    text-align: center;
    margin: auto auto 50px auto;
}

.logout-box {
    display: block;
    max-width: 450px;
    height: auto;

    padding: 50px;
    margin: 150px auto auto auto;

    border: none;
    background: #f9f9f9;
}

.logout-box img {
    display: block;
    margin: auto;
    width: 200px;
}