@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=050b9e28-47a1-4a9e-ac14-250bd4962590&fontids=5740589");
@font-face{
    font-family:"title";
    src:url("fonts/5740589/64a2fb96-6ae8-4ce3-b8e1-67c1d8bc4469.woff2") format("woff2"),url("fonts/5740589/459edb98-226e-4e59-a738-1f4cbfa2f8ca.woff") format("woff");
}

body {
    background-color: black;
    padding: 0;
    margin: 0;
}

/*Website title*/
.topBar {
    background-color: #091422;
    display:grid;
    position: fixed;
    width: 100%;

}

.title {
    text-align: left;
    color: #00CC00;
    font-family: title;
    font-size: 200%;
    display:inline-block;
    grid-row: 1;
    grid-column:2;
    padding-top: 5px;
    text-shadow: 1px 1px 2px black, 0 0 10px #05F417, 0 0 5px #003B00;
}

.navBar{
    display: inline-block;
    list-style-type: none;
    overflow:hidden;
    grid-row: 1;
    grid-column: 3;
    margin: 0;
    padding: 0;
}

.navBar li {
    float: right;
}

.navBar .active {
    border-left: 1px solid #2B95FF;
    border-right: 1px solid #2B95FF;
}

.navBar li a {
    color: #2B95FF;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 14px 16px;
}

.navBar li:not(.active):hover a { 
    background-color: #06112D;
    color: #8eb9f5;
}

/*Primary page content*/
.content {
    color: #00CC00;
}

.container {
    display: block;
    width: 75%;
    margin-left: 10.5%;
    /*border: 1px outset #2B95FF;*/
    border-radius: 10px;
    padding: 2%;

}

.container h3 {
    display: block;
    text-align: center;
    text-shadow: 2px 2px #003B00, 0px 0px 5px #00CC00;
    background-color: rgba(6,17,45);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #003B00;
}

.container>div>div {
    padding: 0.5%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(10, 10, 10);
    text-shadow: 1px 1px #003B00, 0px 0px 5px #00CC00;
}

.container>div>div a:any-link {
    color: #00CC00;
}

.container>div>div::after {
    content: "";
    clear: both;
    display: table;
}

.container>div {
    border: 1px solid #003B00;
    box-shadow: 0 0 3px 3px rgba(0,59,0,0.3);
    border-radius: 10px;
}

.container>div:not(:first-child){
    margin-top: 2%;
}

.catPanel {
    margin: 2%;
    display: inline-block;
    border: 2px solid #00CC00;
    text-align: center;
    background: rgba(0,10,20);
}

.catPanel a:link {
    display:block;
    color: #00CC00;
    text-decoration: none;
}

.catPanel a:visited {
    color: #00CC00;
    text-decoration: none;
}


.catPanel:hover {
    box-shadow: 1px 1px 2px black, 0 0 10px #05F417, 0 0 5px #003B00;
}

img {
    width: 300px;
    height: auto;
    margin: 10px;
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/