.canvas-area {
width: 100%;
height: 60%;
position: relative;
}

canvas {
width: 100%;
height: calc(60% + 120px);
position: absolute;
top: 0;
left: 0;
}

#footer {
margin-top: 0;
}

.background-header-div {
height: 120px;
width: 100%;
}

#header {
position: absolute;
height: 120px;
width: 100%;
top: 0;
left: 0;
z-index: 999;
}

.yellow-first,
.yellow-second,
.yellow-third {
position: absolute;
z-index: -1;
}

.yellow-first {
top: -160px;
left: 45%;
width: 200px;
}

.yellow-second {
bottom: -30px;
left: 5%;
width: 260px;
}

.yellow-third {
bottom: -30px;
right: 8%;
width: 320px;
}