body{
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: rgb(236, 201, 207);
    font-size: 1.0em;
}

.main{
    max-width: 800px;
    margin: 10px auto;
    padding: 10px 0px;
    /* background-color: rgb(224, 224, 224); */
}

.introblock{
    text-align: center;
    max-width: 500px;
    margin: 10px auto;
    padding: 10px 25px;
    border: 2px solid rgb(245, 78, 78);
    background-color: rgb(250, 192, 192);
}

.blogcontainer{
    margin: 30px 0px;
    padding: 0px;
    border: 2px solid darkgray;;
    background-color: #EEEEEE;
}

.blogheader{
    padding: 5px;
    /* background-color: #BBBBBB; */
    background-color: rgb(245, 149, 149);
}

.blogtitle{
    font-size: 1.4em;
    font-weight: 600;
    color: #222222
}

.blogdate{
    font-size: 0.8em;
    font-style: italic;
    color: #222222;
    margin-left: 15px;
}

.blogsummary{
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #777777;
    padding: 10px 20px;
}

.blogtext{
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
    padding: 10px 10px 5px 10px;;
}

.commentcontainer{
    margin: 5px;
    padding: 10px;
    border: 1px solid darkgray;
    border-radius: 5px;
    background-color: #ECECEC;
    /* background-color: #EEE; */
    color: #666666
}

.commentcontainer::before {
    content: "Comments";
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
  }

.comment{
        display: block;
        font-family: Arial;
        font-size: 0.8em;
        margin: 15px 2px;
        padding: 10px; 
        background-color: #eee;
        border-radius: 5px;
        box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), 
                    -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
}

.commentheader{

}

.commentuser{
    font-weight: 600;
}

.commentdate{

}

.commenttext{
    margin-top: 5px;
    margin-left: 5px;
}

.exclamation{
    font-weight: 700;
    color: rgb(145, 8, 8);
}

.image{
    display: block;
    max-width: 90%;
    margin: 15px  auto;
    max-height: 600px;
}