html {
    background-color: #222;
	border: 1px solid #ffd700; /* gold */
}

body {
    color: azure;
    background-color: #333;
	padding: 10px;
	border: 3px solid #ffa500; /* orange */
}

h2 {
    padding: 0px 10px;
}

div.grid01 {
    display: grid;
    gap: 10px;
    grid-template-rows: 125px 125px 125px;
    grid-template-columns: 125px 125px 125px;
}

div.item01 {
grid-row: 1;
grid-column: 2;
background-color: orange;
}

div.item02 {
grid-row: 2;
grid-column: 3;
background-color: teal;
}

div.item03 {
grid-row: 3;
grid-column: 2;
background-color: blueviolet;
}

div.item04 {
grid-row: 2;
grid-column: 1;
background-color: crimson;
}

div.item05 {
grid-row: 2;
grid-column: 2;
background-color: brown;
}

[class^='item'] {
outline: 3px dashed #f90;
font-size: 24px;
color: #aaa;
}

#res {
    margin-top: 20px;
	padding: 10px;
    background-color: brown;
}