#maincontainer{
    margin: 0 auto;
    max-width: 60%;
}

#indexcontentcontainer{
    padding: 0 10px;
}

/* Set link color for markdown links in maincontainer */
#indexcontentcontainer > p > a{ 
    color: black;
}

.indexpostpreview{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

.indexpostpreviewtitle{
    font-size: 175%;
    font-weight: 600;
    margin-bottom: 10px;
}
.indexpostpreviewtitle > a{
    color: inherit;
    text-decoration: none;
}

.indexpostpreviewdate{
    margin-bottom: 10px;
}

.indexpostpreviewlink{
    margin-top: 10px;

}
.indexpostpreviewlink > a{
    text-decoration: underline;
    color: inherit;
}

#indexcontentcontainerlinks{
    display: flex;
}

#indexcontentcontainerlinks > a {
    color: inherit;
    text-decoration: none;
    margin: 0 5px;
}
.socialimage{
    height: 30px;
}

@media (max-width:768px) {
    #maincontainer{
        max-width: 100%;
    }
    #indexcontentcontainerlinks{
        justify-content: space-around;
    }
    
    #indexcontentcontainerlinks > a {
        color: inherit;
        text-decoration: none;
        margin: 0 5px;
        padding: 5px;
    }
    .socialimage{
        height: 35px;
    }
    
}