body {
    background-image: url('pixel-water-background.jpeg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
    font-family: "Sometype Mono", monospace;
    color: rgb(0, 19, 97);
}

.header {
    text-align:center;
    margin-bottom: 10px;
    width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

.column {
    border: blue 4px ridge;
    border-radius: 4px;
        background-color: rgba(128, 202, 255, 0.7);
}
#side-bar {
    width: 200px;
    padding: 10px;
}
#main-col {
    width: 600px;
    padding: 10px;
}
.right-row {
    width: 150px;
    padding: 10px;
}
.right-row p {
    font-size: 11px;
}
.container {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    align-items: flex-start;
}
.column-container {
    flex-direction: row;
}
.row-container {
    flex-direction: column;
}
#footer {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 2.5rem;
}