* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    }
    .header {
    font-size: 20px;
    text-align: center;
    }
    #array {
    background-color: white;
    height: 265px;
    width: 598px;
    margin: auto;
    position: relative;
    margin-top: 64px;
    }
    .block {
    width: 28px;
    background-color: #6b5b95;
    position: absolute;
    bottom: 0px;
    transition: 0.2s all ease;
    }
    .block_id {
    position: absolute;
    color: black;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    }
    .block_id2 {
    position: absolute;
    color: black;
    margin-top: 22px;
    width: 100%;
    text-align: center;
    }
    .block_id3 {
    position: absolute;
    color: black;
    margin-top: 1px;
    width: 100%;
    text-align: center;
    }
    .bucket {
    width: 256px;
    height: 260px;
    position: relative;
    }.bucket2 {
    margin: auto;
    width: 148px;
    height: 260px;
    }.firstbucket {
    width: 28px;
    background-color: #6b5b95;
    position: absolute;
    bottom: 0px;
transition: 0.2s all ease;
}
.secondbucket {
    width: 28px;
    background-color: #6b5b95;
    position: absolute;
    bottom: 0px;
    transition: 0.2s all ease;
    }

.thirdbucket {
    width: 28px;
    background-color: #6b5b95;
    position: absolute;
    bottom: 0px;
    transition: 0.2s all ease;
    }

.fourthbucket {
width: 28px;
background-color: #6b5b95;
position: absolute;
bottom: 0px;
transition: 0.2s all ease;
}