main {
  display:initial;
}

article {
    margin-bottom:10px;
}

#post {
    border: thick double var(--secondary-color);
    box-shadow: 3px 3px var(--secondary-color);
    padding:10px;
    height:fit-content;
    line-height: 30px;
}

#post h1, #post h2, #post h3, #post h4, #post h5, #post h6 {
    font-family:'angels';
} 
.username {
    color: var(--secondary-color);
    vertical-align: middle;
    padding-bottom:5px;
    border-bottom: double 2px var(--main-color);
}

.username span::before {
    font-style:bold;
    font-size:xx-large;
    font-family:'DISKOPIA';
    content:"WHAT.EVER.";
    color:var(--main-color);
}

.date {
    float:right;
    font-size:x-small;
}

.username::before {
display:inline-block;
content: " ";
vertical-align: middle;
width:5rem;
left:0;
height:5rem;
border-radius:100%;
background: transparent var(--diary-icon) no-repeat;
background-size:cover;
background-position:50%;
margin-right:10px;
}


aside ul, aside ul ul {
text-align:start;
padding:initial;
}

aside li {
    font-size:large;
    font-family:'DISKOPIA';
    list-style-type:none;
    color:var(--highlightext-color);
}

aside li li {
    list-style-type:none;
    font-family:'Ms Ui Gothic';
    font-size:small;
    color:light-dark(var(--text-color), var(--text-colorlight));
}

.tags {
    border-top: double 2px var(--main-color);
    color: var(--highlightext-color);
    font-style: italic;
}

.gallerycap {
    font-family:'Nintendo-DS-BIOS';
    text-align:center;
    padding:5px;
}

.galleria {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;
}

.gallery {
    flex: 50%;
    max-width: 25%;
    padding: 5px;
}

.galleryimg {
    width: 100%;  
    border:5px double var(--main-color);     
}
.diarydoll {
    height:auto;
    width:9rem;
    margin-left:auto;
    margin-right:auto;
}
@media only screen and (max-width: 900px) {
    .gallery {
        flex: 100%;
        max-width: 100%;
    }

}