body {
    background-color: #99CCFF;
    color: #000000;
}

a:link {
    color: #0000CC;
}

a:visited {
    color: #990099;
}

select, input {
    background-color: #99CCFF;
}

strong {
    color: #FBEBD9;
}

h2, h3 {
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    padding-left: 5px;
}

h2 {
    text-align: center;
}

h3 {
    font-style: italic;
}

ul#about {
    line-height: 1.5em;
}

@media screen and (min-width:800px) {
  .parent {
display: grid;
grid-template-columns: 1fr 0.2fr 4fr;
grid-template-rows: repeat(auto, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 4; }
.div3 { grid-area: 2 / 2 / 3 / 4; }
.div4 { grid-area: 3 / 2 / 5 / 4; }
.div5 { grid-area: 5 / 2 / 6 / 4; }
.div6 { grid-area: 2 / 1 / 6 / 2; } 

// .parent, .parent div { border: dotted 1px black }

//.div1 { background-color: yellow }
//.div2 { background-color: limegreen}
//.div3 { background-color: grey }
//.div4 { background-color: cornflourblue }
//.div5 { background-color: red }
//.div6 { background-color: purple } 

}