body {
    background-image:url("/media/graphics/sky.png");
    background-repeat:repeat;
    font-family: "Lucida Console", monospace;

}

.navbar {
    border-style:double;
    border-width:6px;
    border-color:#55007f;
    margin-top:20px;
    max-width:475px;
    min-height:40px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    overflow:hidden;
}

.navbar a {
    padding:2%;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    float: left;
    color: #55007f;
    text-decoration: none;
    text-align:center;
}

.dabox {
    margin:auto;
    max-width:800px;
    
}
.title {
    text-align:center;
    background-image:url("/media/graphics/marble.jpg");
    border: 6px ridge yellow;
    margin-top:3%;
    margin-bottom:0px;
}



.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
}

.column1 {
    display: block;
    flex-direction: column;
    order:1;
    width:10%;
    margin-top:0px;
    font-size:0;
}

.coltop {
    order:1;
    margin:0;
    margin:0px;
}

.colmid {
    order:2;
    margin:0;
    margin:0px;
}

.colbottom {
    order:3;
    margin:0;
}

.text {
    order:2;
    width:70%;
    border: 6px ridge yellow;
    background-image:url("/media/graphics/marble.jpg");
    margin-top:3%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:3%;
    padding:3px;
}

.column2 {
    order:3;
    display:block;
    flex-direction:column;
    width:10%;
    margin-top:0px;
    font-size:0;
}