/* This is the style sheet for the index */
html {
    background-image: url(../images/background.png);
    background-position: center;
    background-attachment: fixed;
}

/* Settings for the border */
body {
    font-family: Impact;
    font-size: 100%;
	width: 98%;
	max-width: 960px;
	margin: 0 auto;
	border: 3px solid #0E0E0E;
	background-color: #121211;
}

p {
    color: white;
}

/* Navigation menu */
.menu-container {
    display: flex;
    justify-content: center;
    flex: 1;
    flex-direction: column;
    width: 100%;
    height: auto;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    color: white;
}

li {
    float: left;
    list-style-type: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#navLogo {
    display: block;
    color: white;
    text-align: auto;
    padding: 0px 0px;
    text-decoration: none;
}

/* Ad */
.ad {
    display: flex;
    justify-content: flex-end;
}

.test {
    display: flex;
    justify-content: space-between;
}

/* Flex box for meme of the day or featured video */
.meme-day-container {
    display: flex;
    justify-content: flex-start;
    font-family: Impact;
}

/* Author of a post on the post's page */

.author {
    display: flex;
    justify-content: space-between;
}

/* User's post on a post's page */

.post {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
}

/* Ratings bar below a post on the post's page, divided into FUNNY and FAIL */

.ratings {
}

 
.memes-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Featured Video */

.featured-vid {
    display: flex;
    color: white;
    font-family: Impact;
    justify-content: space-between;
    font-size: 50%
}

/* First line of recent */
.recents {
    color: white;
    font-family: Impact;
}

.first_line {
    display: flex;
    justify-content: space-between;
}

.second_line {
    display: flex;
    justify-content: space-between;
}

.popular_line
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.popular_line img
{
    padding-right: 20px;
    padding-bottom: 5px;
}

/* Second Advertisement */

.ad2 { 
    display: flex;
    justify-content: flex-end;
    padding: 10px; 
    flex-wrap: wrap;
    
}

/* Bottom Advertisement */

.ad3{
    display:flex;
    justify-content: flex-end;
}

/* Play of the Month */

.play_of_the_month {
    display: flex;
    justify-content: flex-end;
}

/* Comments section title */

.comments {
    display: flex;
    color: white;
    font-size: 75%;
}


/* Comments section with each comment divided*/

.comment {
    display: flex;
    color: white;
    justify-content: flex-start;
    vertical-align: top;
    height: 100px;
    padding: 14px 16px;
    text-decoration: none;
}


/* Text at bottom of the website */
.bottom_text {
    color: gray;
    font-size: 60%;
}


/* Styling for banned user profiles */

.banned_user{
    color: white;
    font-family: Impact;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
}
.adbanned{
    display: flex;
    justify-content: flex-start;
}
.banned_random{
    color: white;
    font-family: Impact;
    display: block;
    margin-left: auto;
    width: 62%;
}

h3{
    color: white;
}

type_here{
    text-align: left;
    color: white;
}