* { /* does something */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    background-image: url(newbackground.gif);
    background-repeat: repeat;
    background-size: auto;
}

li {
    list-style-type: none;
}

hr{
    height:2px;
    border-width:0;
    color: transparent;
}

br {
    display: block;
    content: "";
    margin-top: 10px;
}

.page {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.header {
    height: 150px;
    width: 1000px;
    margin: 0 auto;
    /* background-color: greenyellow; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* align-items: stretch; */
}

.topimage {
    flex-basis: 200px;
    /* background-color: aqua; */
    align-content: center;
    text-align: center;
}

.title {
    flex-grow: 3;
    align-self: center;
    /* background-color: blue; */
    text-align: center;
    font-size: large;
    color: aliceblue;

    font-family: Georgia;

    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACnElEQVR4Xu2dyVLDQAwFk2v+/1tzhSuWqXS9ksY2uDlBjUdLa5klKfN8v99fjx8/r9fr+fPvo38/2p6uvjr/2RU4Dfxoe7r6BFoyQKDDJTEOtNpXFdTx1T12tf6ufArAbgHqKuwm0Gr9XfkChZ6ZVqBAzwaa9tQ0wiS/9ujVJUoZl+rHTTwJFOj2ICRQOClSQtWKEujRQKd7XrdFkD2pfMrAVB5mKDmQLiKpgbSvJSB0EKH5qb0CLSVPAaQACXQaaJryaQlQxK8+TvvUav/uPjR1kEoglXe15wU6HBGBng003RYN23s5cWlG7nqoQLcEBDqc4wK9OtC7t4DxDBVo74sfePTsRmy4IpeL6/or0BKi5UDv1gIEOtwEBCrQYQLD4szQYaDdNQNX+a6Cxf4uF59mrEAhJAIdztlxoKnAYX8uJ44+g8OSF+jn+1K8YL77IkQlYYYSoXA8BkoT/vvHxlShdRy/fSfQrGcKdLjEBboaqCX+mXC6bcTvNt1tEaJFiXgIdPosb8kPlzz16LSHkLyrj3f99SxfIizQ4ZQX6F8D2t1GDPu7XNzyDBVo9lIbXJQEKtBWW7DkW/h4cgrYkp8+enKMPl+40mVBKv9qz5uhwxER6DDQdJdjDw0DQBkrUIGGBIYfb2coCRi293RxdOFOBmLJC5QQbscFChfMGc7HQ6BnA6WI0cmJehTNJ/0kv86n1ySl9sQZSg6RAeQwzSf9JF+gRLBZsmZoeDtE8VgOlEomNSDddk3rJ6Ckj1pEHW+/g5mA0ThdPpBDqfxUH+kX6HDPFejZQGkbQz2I5nd7XFf+tH7soWSwQOEdzGmTF6hAqco342nCtP/9T5rRkTe/PHy0PrK32iNQIhaezAQq0N6bv5r8dtNryX8DWDjeknYWIOUAAAAASUVORK5CYII=") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.sidebar {
    /* max-height: 700px; */
    /* height: 700px; */
    width: 200px;
    /* background-color: red; */

    position: fixed;

    float: left;
    display: flex;
    flex-direction: column;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.sidebar div{
    margin: 10px;
}

.nav {
    padding: 10px;
    background-color: white;
    flex: 33%;
    text-align: center;
    gap: 10px;

    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACr0lEQVR4Xu2cQU7FMAxE6Y3/UXpjkFgRF/E0GidpP8M2Thw/20NSSo/X6/X5sfDnPM/jp7vqv44v3Nq3K5fH4S6gBhygKjGwD9AAlQhcWp40TNU8VVLIvxTdL8bd+6nrBagoUdU8QMVTDXVMgL4bUDXjZD9bU8n/9gpVN0j2AVpuSiTyAVoIucesxwN1W4jmq4DUhJB/9RxK69Xx7Xd52nCAmgfl2ZqaCi3nRlUyKEHUIer48Gyy43lg3YALgIC461PF0vqXcyhtWM1QgMIxJ0DHvzBQAabl4W7f3vLqE/buYw51iKqBZK9KlqyhAdrc8gEaoEPXUkGQpNgaSg7uNt6t2arGXu7ydwOk7idAVWJgH6ABqhHorhjN+3xriu9yU3K3RA7d9XfPp/gCVMxQgIrAyHw7UPVuTAHtHqdz6vSWD1CzBCiDdJUz3U+fTvGlQsUUTAdKIi3u93bmanx2haoOb0es+WoboAG6tsbVDpQrVHWwNnzfmxtfgJYcBKhflMMKAfo0oG7GmuNtX647PtTQboftRMwFu+ML0ObXJQO0Gyhd9t/96VB3fPiOfbdDU/Lk6asLJkDh/6bUDAZoN9Cage5jhJrh2faz48M3mJ+uoasLJkDT8p4oTG95OlbQ9l1JmB0g7b97HH/Lk8MAHQkFKFWMOB6gIjAytz8zRA7UfxpwJYT2Q5rtjgeo+HFDAh6gAUpN/fc4VZg73l6hrgZSQB5O//ug1X+NN0DNDAWo+Kk24h2gq4FSRtTx3ZrqPqtQ47VvSuQwQImQOB6gIjAy//dACQBpEs2nBNC4ek5dbX+7c2iAFgKpUPHdnrT8WEGVR3vL012XWlodpwSr+3E1N0AL8QAVr5Kk8QF6d6CqhlHG1fVUe6ooVWNV/9XevssH6Ig0QN2SLPMDtBnoF/yAL2HvZ4gtAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.updates {
    padding: 10px;
    flex: 33%;
    text-align: center;
    background-color: white;

    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACr0lEQVR4Xu2cQU7FMAxE6Y3/UXpjkFgRF/E0GidpP8M2Thw/20NSSo/X6/X5sfDnPM/jp7vqv44v3Nq3K5fH4S6gBhygKjGwD9AAlQhcWp40TNU8VVLIvxTdL8bd+6nrBagoUdU8QMVTDXVMgL4bUDXjZD9bU8n/9gpVN0j2AVpuSiTyAVoIucesxwN1W4jmq4DUhJB/9RxK69Xx7Xd52nCAmgfl2ZqaCi3nRlUyKEHUIer48Gyy43lg3YALgIC461PF0vqXcyhtWM1QgMIxJ0DHvzBQAabl4W7f3vLqE/buYw51iKqBZK9KlqyhAdrc8gEaoEPXUkGQpNgaSg7uNt6t2arGXu7ydwOk7idAVWJgH6ABqhHorhjN+3xriu9yU3K3RA7d9XfPp/gCVMxQgIrAyHw7UPVuTAHtHqdz6vSWD1CzBCiDdJUz3U+fTvGlQsUUTAdKIi3u93bmanx2haoOb0es+WoboAG6tsbVDpQrVHWwNnzfmxtfgJYcBKhflMMKAfo0oG7GmuNtX647PtTQboftRMwFu+ML0ObXJQO0Gyhd9t/96VB3fPiOfbdDU/Lk6asLJkDh/6bUDAZoN9Cage5jhJrh2faz48M3mJ+uoasLJkDT8p4oTG95OlbQ9l1JmB0g7b97HH/Lk8MAHQkFKFWMOB6gIjAytz8zRA7UfxpwJYT2Q5rtjgeo+HFDAh6gAUpN/fc4VZg73l6hrgZSQB5O//ug1X+NN0DNDAWo+Kk24h2gq4FSRtTx3ZrqPqtQ47VvSuQwQImQOB6gIjAy//dACQBpEs2nBNC4ek5dbX+7c2iAFgKpUPHdnrT8WEGVR3vL012XWlodpwSr+3E1N0AL8QAVr5Kk8QF6d6CqhlHG1fVUe6ooVWNV/9XevssH6Ig0QN2SLPMDtBnoF/yAL2HvZ4gtAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
  
  
  
  
}

.botimage {
    /* flex: 33.3%; */
    text-align: center;
}

.Gary{
    background-color: transparent;
    border: none;
}

.box {
    width: 800px;
    background-color: white;
    float: right;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 20px;
    /* padding-bottom: 10px; */
    padding: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    /* max-height: 1000px; */
  


  
}

.firewelcome {
    margin: 10px;
    align-self: center;
}

.welcometext {
    height: 125px;
    width: 700px;
    align-self: center;
}
.me {
    margin: 5px;
    float: left;
}

.aboutmetext {
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-self: center;
    /* background-color: cornflowerblue; */
}

.firestayawhile {
    margin: 20px;
    clear: both;
}

.stayawhiletext{
    margin: 20px;
}

.helloskeleton{
    float: right;
}

.footer {
    /* margin: 0 auto; */
    padding-top: 10px;
    /* height: 50px; */
    /* background-color: purple; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 45px;
    margin: 10px;
    /* width: 1000px; */
    /* align-self: center */
    /* width: max-content; */
}

.footer div {
    align-self: center;
}