@font-face {
    font-family: "Affigere";
    src: url(/system/font/Affigere-Regular.woff2);
}

@font-face {
    font-family: "Blackout-Midnight";
    src: url(/system/font/blackout_midnight-webfont.woff);
}

@font-face {
    font-family: "Blackout-2AM";
    src: url(/system/font/blackout_two_am-webfont.woff);
}


body {
    margin: 0;
    
    background-color: #000;
}

#site-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

nav {
    align-content: center;
    background-color: #fff;
    height: 40px;
    width: 940px;
    overflow: hidden;

}


nav img {
    height: 42px;
}

a {
    text-decoration: none;
}


h1 {
    font-family: "Blackout-Midnight", sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 4em;
}

h4 {
    font-family: "Blackout-Midnight", sans-serif;
}

p {
    font-family: "Kumbh Sans", sans-serif;
}



footer {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
}

#copyright {
    font-family: 'Kumbh Sans', sans-serif;

}

#feed-container {
    float: left;
    align-content: center;
}

#top-links-container {
    float: right;
}

#top-links-container img:hover{
    filter: invert(1);
}

#top-links-container ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#top-links-container ul li {
    display: inline;
    margin-top: auto;
    margin-bottom: auto;
}

.link-main {
    margin: 5px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    width: auto;
    font-weight: 900;
    font-size: 20pt;
    font-family: 'Kumbh Sans', sans-serif; 
}

.link-main-invert {
    margin: 5px;
    padding: 10px;
    background-color: #fff;
    color: #000;
    width: auto;
    font-weight: 900;
    font-size: 20pt;
    font-family: 'Kumbh Sans', sans-serif; 
}

#noctrnmonstr-logo-bottom {
    padding: 25px;
}

#noctrnmonstr-logo-bottom img {
    filter: invert(1);
}

/* the main */

#welcome-section h1 {
    color: #fff;
}

#welcome-section p {
    padding: 20px;
    color: #fff;
}

/* bottom sections */

#link-back-section {
    background-color: #fff;
    padding: 20px;
}

#link-back-section h4 {
    display: inline-block;
    font-size: 4em;
    font-family: 'Blackout-Midnight', sans-serif;
    margin-top: -8px;
    margin-bottom: -15px;
}

#link-back-section div {
    display: inline-block;
    float: right;
    
}