nav, main {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAB10lEQVR4Xu3dUW7CMBREUbI+FtQ1dEGsD36pkXga3nVMk9vfJOP4eEwpEul28QcV2NA0wy6CwiUQdDXo/fZzT+5hu/5+1aLNvv94srNvKFmsT86dff+CFquS7jBB9wattki6gp9s0z2v6c63bGh3gD0xiLG68xV0WAVBiVo+ZeCg3UB4fsvjUo+XLZ8GLJ/x5BtIPQQtFkRQuLE46NHeZ3a9R+DRp9zygv5dAkG7lSzep9rQJrANbQKOlwsqKCwAx9nQ1aDw+KeLKz++O51Ic8KCNgHHywUVFBaA42yooLAAHGdDBYUF4DgbKigsAMfZUEFhATjOhgoKC8BxNlRQWACOs6GCwgJwnA0VFBaA42yooLAAHGdDBYUF4DgbKigsAMfZUEFhATjOhgoKC8BxNlRQWACOs6GCwgJwnA2dDVp9ywEe/9/FVT5+1zNcUkFDsOp0QSuh8LigIVh1uqCVUHhc0BCsOl3QSig83gYdxzvbIzPwh7gI+v4BtPEjMgQVNHxVfH96e8uP8WkgOpsFYd35lp82dQdYYNIasjtfQQd+QVt9fL14Omj6mvrt7woqsO79l1te0OwfGwhavGSkfxkKuhoU/h1wuLi4oYcTgCckqKCwABz3AFKbQGQj7ipnAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
    border-radius: 30px;
}
.box {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 18% 82%; 
   /* grid-template-rows: 100px 100px 150px 100px 100px;*/
    grid-template-rows: 10% 15% 25% 
}
header {
    grid-row: 1 / 2;
    grid-column: 1 / 4;
    margin: 0 auto;
}
h1{
    margin-left: 200px;
    color: lightskyblue;
    margin-bottom: -2px;
}
.greeting{
    color: orange;

}
nav {
    grid-row: 3 / 4;
    grid-column: 1/2;
    height: max-content;
    background-color: rgba(235, 180, 255, 0.15);
    color: rgb(244, 255, 199);
}
.navbar{
    font-size: 17px;
}
h3{
    margin: 0 auto;
}
a{
    color: greenyellow

}
a:hover{
    color:orange;
}
.headlogo{
    display: flex;
    flex-direction: column-reverse;
    grid-row: 4 / 5;
    grid-column: 1 / 2;
    
}
main {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
    height: max-content; 
    background-color: rgba(235, 180, 255, 0.15);
    color: rgb(244, 255, 199);
}
footer {
    grid-row: 6/ 7;
    grid-column: 1/3;
    margin: 0 auto;
    color: paleturquoise;
    font-size: 10px;
    
}
body{
    background-color: black;
    background-image: url(/images/starrytiledbg.gif);
    color: white;
}
.logo{
    width: 750px;
    max-width: 100%;
    max-height: 100%;
}
html{
    font-family: 'Saira'
}