#block01 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 100px;
    top: 100px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-top-color: transparent;
    border-left-color: transparent;
}

#block02 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 300px;
    top: 100px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-top-color: transparent;
    border-left-color: #000000;
    
}

#block03 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 500px;
    top: 100px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: #000000;
    border-top-color: transparent;
    border-left-color: #000000;

}

#block04 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 100px;
    top: 300px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-top-color: #000000;
    border-left-color: transparent;
}

#block05 {
    width: 200px;
    height: 300px;
    background-color: #ffffff;
    position: absolute;
    left: 300px;
    top: 300px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-top-color: #000000;
}

#block06 {
    width: 200px;
    height: 300px;
    background-color: #ffffff;
    position: absolute;
    left: 500px;
    top: 300px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: #000000;
    border-top-color: #000000;
    border-left-color: #000000;
}



#block07 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 100px;
    top: 500px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: transparent;
    border-top-color: #000000;
    border-left-color: transparent;
}

#block08 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 300px;
    top: 500px;
    border-style: solid;
    border-right-color: #000000;
    border-bottom-color: transparent;
    border-top-color: #000000;
    border-left-color: #000000;
}

#block09 {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    position: absolute;
    left: 500px;
    top: 500px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: #000000;
    border-left-color: #000000;
}



#x01 {
    width: 200px;
    height: 200px;
    background-color: #5858FA;
    position: absolute;
    left: 900px;
    top: 100px;
    border-style: solid;

}


#x02 {
    width: 200px;
    height: 200px;
    background-color: #5858FA;
    position: absolute;
    left: 1000px;
    top: 150px;
    border-style: solid;

}
#x03 {
    width: 200px;
    height: 200px;
    background-color: #5858FA;
    position: absolute;
    left: 1100px;
    top: 100px;
    border-style: solid;

}
#x04 {
    width: 200px;
    height: 200px;
    background-color: #5858FA;
    position: absolute;
    left: 1200px;
    top: 150px;
    border-style: solid;

}
#x05 {
    width: 200px;
    height: 200px;
    background-color: #5858FA;
    position: absolute;
    left: 1300px;
    top: 100px;
    border-style: solid;

}


#o01 {
    width: 200px;
    height: 200px;
    background-color: #B40404;
    position: absolute;
    left: 900px;
    top: 400px;
    border-style: solid;

}


#o02 {
    width: 200px;
    height: 200px;
    background-color: #B40404;
    position: absolute;
    left: 1000px;
    top: 450px;
    border-style: solid;

}
#o03 {
    width: 200px;
    height: 200px;
    background-color: #B40404;
    position: absolute;
    left: 1100px;
    top: 400px;
    border-style: solid;

}
#o04 {
    width: 200px;
    height: 200px;
    background-color: #B40404;
    position: absolute;
    left: 1200px;
    top: 450px;
    border-style: solid;

}
#o05 {
    width: 200px;
    height: 200px;
    background-color: #B40404;
    position: absolute;
    left: 1300px;
    top: 400px;
    border-style: solid;

}



h1 {
	font-size: 550%;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
    
}

#aesthetic2 {
    width: 80px;
    height: 22px;
    background-color: #99cc99;
    position: absolute;
    right: 55px;
    top: 55px;
    border-style: solid;
    text-align: center;
}

a {
    text-decoration:none;
    color: #000000;
}


input {
  position: absolute;
  left:55px;
  top:55px;
}