body{
    margin: 0 auto;
}

.boxes{
    padding: 10px;
    display: flex;
    width: 75%;
    margin: 10vh auto 0;
    justify-content: center;
}

.box{
    display: block;
    width: 300px;
    height: 300px;
    margin-right: 30px;
}

#first{
    background-color: #0744c6;
}

#second{
    background-color: #f1c232;
    border-radius: 25%;
    cursor: pointer;
}

#second:hover{
    background-image: url('../papousek.jpg');
    background-size: cover;
}

#third{
    border-radius: 50%;
    background-color: #f44336;
}

#fourth{
    background-color: purple;
    transform: rotate(5deg);
}

#fifth{
    background-color: #319c43;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    cursor: pointer;
}

#fifth:hover{
    background-image: url('../leaf.jpg');
    background-size: cover;
    background-position: center;
}

#sixth{
    background-color:  #babcab;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}