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

}

.title {
    color:orange;
    border-style:ridge;
    border-width:6px;
    border-color:orange;
    background-color:black;
    margin-left:auto;
    margin-right:auto;
    margin-top:3%;
    margin-bottom:3%;
    width:75%;
    float:center;
    
}

.navbar {
    border-style:double;
    border-width:6px;
    border-color:orange;
    background-color:black;
    margin-top:20px;
    max-width:75%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    overflow:hidden;
}

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

.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    margin:auto;
    width:75%;
    float:center;
}

.leo {
    order: 1;
    display: inline;
	border: 6px ridge orange;
	background-color: black;
	color: black;
    margin-left:auto;
    margin-right:2%;
    padding:10px;
    max-width:48%;
    height:800px;
    overflow: auto;
}

.ky {
    order:2;
    display: inline;
    border: 6px ridge orange;
    background-color: black;
    color:orange;
    margin-left:2%;
    margin-right:auto;
    padding:10px;
    max-width:48%;
    height:800px;
    overflow: auto;