body {
    background-color: #292929;
    color: #D8D6D6;
}

h1 {
    font-family: "Irish Grover";
    color: #D8D6D6;
}

.formBoxes {
    background-color: #EAEAEA;
    border-radius: 5px;
    font-family: 'Irish Grover';
    font-size: large;
    padding-left: 1%;
    color: #ABA9A9;
    width: 30rem;
    height: 2rem;
    margin: auto;
    display:block;
}
.submitButton {
    background-color: #3146FC;
    border-radius: 5px;
    font-family: "Irish Grover";
    font-size: medium;
    color: #F1F0F0;
    margin-left: auto;
    display: block;
    width: 5rem;
    height: 2rem;
}

.footer {
    font-family: "Irish Grover";
    color: #D8D6D6;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 7rem;
    font-size: large;
}

.logo {
    margin: auto;
    display: block;
}

.formBlocks {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

#PostButton {
    background-color: #3146FC;
    border-radius: 5px;
    font-family: "Irish Grover";
    font-size: medium;
    color: #F1F0F0;
    display: block;
    width: 10rem;
    height: 2rem;
    margin-bottom: 2rem;
}

#FriendButton {
    background-color: #9432D0;
    border-radius: 5px;
    font-family: "Irish Grover";
    font-size: medium;
    color: #F1F0F0;
    display: block;
    width: 10rem;
    height: 2rem;
    margin-bottom: 2rem;
}

#PostButton:hover{
    background-color: #a3abef;
}
#FriendButton:hover{
    background-color: #be99d5;
}

.postContents {
    background-color: #A3A3A3;
    font-family: "Irish Grover";
    padding:1.5rem;
    border-radius: 3px;
    margin-bottom: 3rem;
}


.postTitle {
    color: #2C2A2A;
}
.postDetails {
    color: #595656;
    display: block;
}

.emptyPost {
    color:#2C2A2A;
    justify-self: center;
}

.post {
    background-color: #B4B2B2;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h2 {
    color:#C7C7C7;
    font-family: "Irish Grover";
    font-size: xx-large;
}

.postName {
    font-weight: bolder;
    font-size: 150%;
}

.postThoughts {
    font-weight: bolder;
    color:#2C2A2A;
    float: right;
    font-size: large;
}