body{
    background-color:#27073B;
    color:#EAE0CC;
}

body a{
    text-decoration:none;
    color:#EAE0CC;
}
header{
    display:flex;
    justify-content:space-between;
}

.flex{
    display:flex;
}
.flexDesk{
    display:flex;
}
.container{
    margin:13% auto;
    padding:5px;
    background:#000;
    border:2px solid #EAE0CC;
    text-align:center;
    align-items:center;
}

.right{
    text-align:right;
    margin:10px;
}

.left{
    text-align:left;
    margin:10px;
}

.center{
    text-align:center;
}

.post{
    border:2px solid #010400;
    background-color:#053C61;
    color:#fff;
    width:90%;
    margin:10px;
    padding:10px;
    border-radius:10px;
}

.username{
    color:#B68CB8;
}

.comments a{
    color:#B68CB8;
}
main{
    width:80%;
    border-radius:10px;
}
aside{
    width:20%;
    border-radius:10px;
}
.comment{
    border:2px solid #010400;
    padding:10px;
    width:80%;
    border-radius:10px;
}

 /* Dropdown Button */
.dropbtn {
    background-color:#202C39;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    background-color:#202C39;
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #3E5469;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #202C39;} 

.user{
    display:flex;
    flex-wrap:nowrap;
    border: 1px solid #EAE0CC;
    justify-content:space-between;
    padding:10px;
}
.inline{
    display:inline;
}
#postImage{
    height:250px;
}
#newUser{
    padding:30px;
    margin:23% 45%;
    align-content:center;
    text-align:center;
    border:2px solid #EAE0CC;
    width:30%;
    height:30%;
}
.message p{
    font-size:xx-large;
}
.filters{
    width:20%;
    border: 1px solid #EAE0CC;
    padding:10px;
    margin:10px;
    height:250px;
}
.large{
    font-size:10px;
}

#commentcont {
    width:75%;
    height:5em;
    background-color:#053C61;
    color:#fff;
}
textarea 
{
            height:auto;
            max-width:600px;
            color:#fff;
            font-weight:400;
            font-size:20px;
            width:100%;
            background:#053C61;
            border-radius:3px;
            border:1px solid #ABABAB;
            padding:30px;
            line-height:2em;
            box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1);
            resize:none;
            margin:10px;
            flex: 1 1 100%;
}
#submit{
            height:5em;
            width:5em;
            color:#fff;
            background-color:#000;
            margin-left:20%;
            margin-top:30px;
            flex: 0 0 auto;
            border-radius:3px;
            border:1px solid #ABABAB;
}
#photoType{
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
}
        
.filbut{
    padding: 10px 0;
    width:100%;
    border-radius:10px;
    background:#053C61;
    margin:2% auto;
    color:#fff;
    border:1px solid transparent;
    border-image:linear-gradient(to right white, grey)1;
}