body {
    width: 1440px;
    height: 1024px;
    
    

}

.container {
    position: relative;
    
}




.box {
    position: absolute;
    border-style: dashed;
    border: 10px solid black;
    width: 200px;
    height: 200px;
  
}

.red {
    background-color: rgb(205, 2, 2);
}

.yellow {
    background-color: rgb(255, 247, 0);
}

.blue {
    background-color: rgb(0, 55, 255);
}

#b1 {
    height: 250px;
    width: 250px;
    
    
}

#b2 {
    left: 260px;
    width: 400px;
    height: 250px;
  
}

#b3 {
    top: 260px;
    width: 660px;
}

#b4 {
    left: 670px;
    height: 460px;
}

#b5 {
    top: 470px;
    width: 300px;
    height: 300px;
}

#b6 {
    left: 880px;
    width: 530px;
    height: 770px;
}

#b7 {
    top: 780px;
    height: 220px;
}

#b8 {
    top: 780px;
    left: 210px;
    width: 90px;
    height: 220px;
}

#b9 {
    top: 470px;
    left: 310px;
}

#b10 {
    top: 470px;
    left: 520px;
    width: 100px;
}

#b11 {
    top: 470px;
    left: 630px;
    width: 30px;
    height: 530px;
}

#b12 {
    top: 680px;
    left: 310px;
    width: 310px;
    height: 320px;
}

#b13 {
    top: 470px;
    left: 670px;
    height: 30px;
    width: 100px;
}

#b14 {
    top: 470px;
    left: 780px;
    width: 90px;
    height: 300px;
}

#b15 {
    top: 510px;
    left: 670px;
    width: 100px;
    height: 260px;
}

#b16 {
    top: 780px;
    left: 670px;
    height: 220px;
}

#b17 {
    top: 780px;
    left: 880px;
    height: 220px;
    width: 430px;
}

#b18 {
    right: 10px;
    top: 780px;
    width: 90px;
    height: 220px;
}

#b19 { 
    right: 10px;
    height: 300px; 
}

#b20 {
    right: 10px;
    top: 310px;
    height: 460px;
}