@font-face {
    font-family: cabin;
    src: url(assets/Cabin-Bold.ttf);
}

@font-face {
    font-family: sarpanch;
    src: url(assets/Sarpanch-ExtraBold.ttf);
}

body {
    margin: 0;
    font-family: cabin;
    color: white;
}

h1 {
    font-family: sarpanch;
    font-size: 50px;
    text-shadow: 2px 2px 4px #000000;
    border-bottom: thin solid #ccc;
}

h2 {
    font-family: sarpanch;
    font-size: 36px;
    text-shadow: 2px 2px 4px #000000;
    border-bottom: thin solid #ccc;
}

.width-low, .width-low-high, .l-centertext {
    min-width: 720px;
    width: 100%;
}

.width-low-high, .l-centertext {
    max-width: 1000px;
}

#splash {
    background-color: #000000;
    background-image: url("assets/top.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    height: 350px;
    text-align: center;
    font-size: 24px;
    text-shadow: 2px 2px 2px #000000
}

nav {
    z-index: 100;
    list-style-type: none;
    background-image: url("assets/navbar.png");
    height: 56px;
    background-size: auto;
    background-color: #ee9421;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0px;
    font-size: 24px;
    color: white;
    text-shadow: 2px 2px 2px #000000;
    border-bottom: 2px solid #d0d0d080;
}

li a {
    float: left;
    border-right: 1px solid #00000080;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #740aa8;
}

.active {
    background-color: #00000040;
}

#announcement {
    padding:20px;
    background-color:#397332;
    background-image: url(assets/tableChl.jpg);
    text-align: center;
    font-size: 36px;
    text-shadow: 2px 2px 4px #000000;
}

#screenshots {
    padding:20px;
    background-color:#397332;
    background-image: url(assets/tableEmr.jpg);
    text-align: center;
}

#trailer {
    padding:20px;
    background-color:#397332;
    background-image: url(assets/tableEmr.jpg);
    text-align: center;
}

#desc {
    padding:20px;
    background-image: url(assets/tableChl.jpg);
    text-align: center;
}

#history {
    padding:20px;
    background-image: url(assets/tableChl.jpg);
    text-align: center;
}

.l-centertext {
    display: inline-block;
    text-align: left;
    font-size: 25px;
}

.bulleted {
    list-style-position: inside;
    position: relative;
    left: -30px;
}

li b {
    font-weight: normal;
}

#foot {
    padding:20px;
    background-image: url(assets/tableAqu.jpg);
    text-align: center;
    font-size: 25px;
}

a {
    padding: 0;
    border: 0;
}