body {

    background-color: rgb(97, 97, 97);
    margin: 0;
    padding: 0;

}

nav {

    position: fixed;
    top: 0;
    width: 100%;
    background-color: #222;
    color: white;
    padding: 20px 0;
    text-align: center;

}

nav h1 {

    margin: 0;
    font-size: 24px;

}

header {
    
    padding-top: 80px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

a {

    text-decoration: none;
    width: 60%;

}

.przycisk {

    background-color: white;
    color: black;
    border: none;
    padding: 15px;
    margin: 10px 0;
    width: 100%;
    text-align: left;
    font-size: 16px;
    cursor: pointer;

}

.przycisk:hover {

    background-color: #c5ca92;
    color: #585006;

}

footer {

    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #222;
    color: white;
    text-align: center;
    padding: 15px 0;
    
}

.gotowe {
    
    background-color: #e0f7e9; 
    color: #217e25; 
    font-weight: 600;

}

.niegotowe {

    background-color: #f5f5f5; 
    color: #888888; 
    font-style: italic;
    
}

.Srodek {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    padding: 20px 0;
}