html { background-image: url('../background.jpg'); background-repeat: repeat; }
body { margin: auto; width: 950px; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 1.3em; }
.topnav {
    background-color: steelblue;
    overflow: hidden;
}
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.active {
    background-color: #4CAF50;
    color: white;
}
.topnav .icon {
    display: none;
}
.alignCenter {
  float: center;
}
.alignRight {
  float: right;
}
.row {
  display: flex;
}

.column {
  flex: 50%;
}
#header { width: 644px; height: 48px; display: block; margin: auto; background-image: url('../banner.png'); background-repeat: no-repeat; }
h1 { color: yellowgreen; font-size: 50px; text-align: center; margin-top: 20px; margin-bottom: 20px; padding-top: 20px; letter-spacing: 0.02em; font-family: arial,helvetica,sans-serif; }
h2 { color: lightgreen; font-size: 16px; text-align: justify; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; font-family: arial,helvetica,sans-serif; }
p { color: rgb(255, 255, 255); font-size: 1.2em; line-height: 1.5em; }
.resume { background-color: rgb(0, 0, 0); border: 4px solid yellowgreen; color: rgb(255, 255, 255); margin-left: 20px; margin-right: 10px; }
.resume li { font-size: 1.2em; line-height: 1.5; margin-bottom: 10px; }
.resume ul ul li { font-size: 1em; margin-bottom: 0px; }
.resume h1 { color: rgb(255, 255, 255); }
.resume h2 { color: rgb(255, 255, 255); padding-left: 20px; }
.resume p { color: rgb(255, 255, 255); }
.none { list-style-type: none; }
footer { clear: both; font-size: 0.75em; text-align: center; }
footer a { color: yellowgreen; }