* {
    font-family: 'Garamond';
    color: white;
}
header {
    background-color: indigo;
    text-align: center;
    padding: 2px;
}
.left, .right{
    background-color: indigo;
    height: 600px;

}
.main{
    background-color: black;
    height: 600px;
    overflow:scroll;
    display:flex;
    flex-wrap:wrap;
}
footer {
    height: 150px;
    background-color: indigo;
}
@media only screen and (min-width: 800px){
.left, .right{
    width: 20%;
}
.main{
    width: 60%;
}
.box{
    display: flex;
}
}
.punkty{
    background-color: tomato;
    border-radius: 50%;
    padding: 5px;
}
li{
    padding: 5px;
}
.blok{
    padding: 3px;
    width: min-content;
}
input{
    margin: 10px;
    color: indigo;
}