*{
    font-family: "Garamond";
    color: white;
}
header{
    background-color: indigo;
    text-align: center;
    padding: 2px;
}
nav, aside{
    background-color: indigo;
    height: 600px;
}
main{
    background-color: black;
    height: 600px;
    overflow: scroll;
}
@media screen and (min-width: 801px){
    nav{
        width: 20%;
        float: left;
    }
    main{
        width: 60%;
        float: left;
    }
    aside{
        width: 20%;
        float: right;
    }
}
@media screen and (max-width: 800px){
    nav, main, aside{
        width: 100%;
    }
}
footer{
    background-color: indigo;
    height: 150px;
    clear: both;
}
li{
    padding: 5px;
}
#gra{
    float: left;
    text-align: center;
    padding: 3px;
}
input{
    margin: 10px;
    color: indigo;
}
#punkty{
    background-color: tomato;
    border-radius: 50%;
    padding: 5px;
}