#pixelArt {
    width: 800px;
    height: 800px;
    border: thin solid lightskyblue;
    border-width: 5px;
    position: relative;
    top: 0px;
    margin: 0 auto;
}

.pixel1 {
    width: 100px;
    height: 100px;
    background-color: rgb(206, 97, 19);
    position: relative;
    top: 600px;
    inline-size: 800px;
}

.pixel2 {
    width: 100px;
    height: 100px;
    background-color: rgb(206, 97, 19);
    position: relative;
    top: 600px;
    inline-size: 800px;
}

.pixel3 {
    width: 100px;
    height: 100px;
    background-color: rgb(128, 55, 4);
    position: relative;
    top: 300px;
    left: 400px;
}

.pixel4 {
    width: 100px;
    height: 100px;
    background-color: rgb(128, 55, 4);
    position: relative;
    top: 200px;
    left: 700px;
}

.pixel5 {
    width: 100px;
    height: 100px;
    background-color: rgb(128, 55, 4);
    position: relative;
    top: 200px;
    left: 500px;
    inline-size: 200px;
    
}

.pixel6 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: 0px;
    left: 500px;
    inline-size: 200px;

}

.pixel7 {
    width: 100px;
    height: 100px;
    background-color: rgb(118, 152, 61);
    position: relative;
    top: -400px;
    left: 600px; 
}

.pixel8 {
    width: 100px;
    height: 100px;
    background-color: rgb(118, 152, 61);
    position: relative;
    top: -400px;
    left: 600px; 
}

.pixel9 {
    width: 100px;
    height: 100px;
    background-color: rgb(118, 152, 61);
    position: relative;
    top: -400px;
    left: 500px; 
}

.pixel10 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -700px;
    left: 500px;
}

.pixel11 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -700px;
    left: 500px;
}


.pixel12 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -700px;
    left: 600px;
}

.pixel13 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -1100px;
    left: 500px;
    inline-size: 200px;
}

.pixel14 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -1000px;
    left: 700px;
}

.pixel15 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -1200px;
    left: 300px;
    inline-size: 200px;
}

.pixel16 {
    width: 100px;
    height: 100px;
    background-color:darkgreen;
    position: relative;
    top: -1200px;
    left: 300px;
}

.pixel17 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1600px;
    left: 0px;
    inline-size: 800px;
}

.pixel18 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1600px;
    left: 0px;
    inline-size: 500px;
}

.pixel19 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1600px;
    left: 0px;
    inline-size: 300px;
}

.pixel20 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1600px;
    left: 0px;
    inline-size: 300px;
}

.pixel21 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1600px;
    left: 0px;
    inline-size: 500px;
}

.pixel22 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1800px;
    left: 400px;
}

.pixel23 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -1700px;
    left: 0px;
    inline-size: 400px;
}

.pixel24 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -2200px;
    left: 700px;
}

.pixel25 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -2200px;
    left: 700px;
}

.pixel26 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -2200px;
    left: 700px;
}

.pixel27 {
    width: 100px;
    height: 100px;
    background-color:lightskyblue;
    position: relative;
    top: -2200px;
    left: 700px;
}

.pixel28 {
    width: 100px;
    height: 100px;
    background-color:white;
    position: relative;
    top: -2600px;
    left: 0px;
    inline-size: 400px;
}

.pixel29 {
    width: 100px;
    height: 100px;
    background-color:white;
    position: relative;
    top: -2800px;
    left: 100px;
    inline-size: 200px;
}