*{margin:0;padding:0}.App{text-align:center}button{cursor:pointer}.nav{align-items:center;background:#5d7acd;display:flex;height:4em;justify-content:center}.nav,.nav a{padding:12px}.nav a{color:#fff;font-family:monospace;font-size:1.6em;margin-right:12px;text-decoration:none}.nav a:hover{scale:1.2}.account_area{align-items:baseline;display:flex}.post{box-shadow:4px 8px 20px 4px #000;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;margin:24px auto;max-width:400px}.post .title{background-color:#5d7acd;font-weight:800;margin-bottom:12px;padding:12px;text-transform:uppercase}.post .body{margin:12px;min-height:200px;text-align:left}.post .footer{background-color:#5d7acd;border-top:1px solid #000;margin-top:12px;padding:12px;text-align:right}.postUser{display:inline-block;float:left}.postLikes{display:inline-block;float:right}.likeButton{color:#fff}.unlikeButton{color:red}.addPostPage{border:2px solid #5d7acd;display:flex;flex-direction:column;margin:16px auto;max-width:400px}.addPostPage form{display:flex;flex-flow:column;font-family:Courier New,Courier,monospace;font-size:1.2em;padding:16px;text-align:left}.addPostPage form label{margin:8px 0}.formInput,button{margin:8px 0;min-height:32px;padding:4px}.loginForm button,button{background:#5d7acd;border:none;color:#fff;font-family:monospace;padding:8px}.addPostPage button:hover{background:#000}.addPostPage span{color:red}.postPage{align-items:self-start;display:flex;height:100vh;justify-content:center}.leftSide,.rightSide{width:50%}.singlePost{padding:2em}.singlePostBody{align-items:center;display:flex;justify-content:center;min-height:200px}.singlePostFooter,.singlePostTitle{background-color:#5d7acd;color:#fff;font-size:2em;padding:.5em}.singlePostFooter{text-align:right}.addCommentContainer input,.loginForm input{font-family:Courier New,Courier,monospace;font-size:1.2em;height:32px;margin:8px;padding:0 8px}.comment{border:1px solid;margin:8px auto;padding:12px;text-align:left;width:50%}.loginForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:16px auto;max-width:360px}.loginForm button,.loginForm input{width:100%}.logout_button{border:1px solid #fff;cursor:pointer;font-family:monospace;font-size:1.6em;margin:0 12px}.logout_button:hover{background-color:#fff;color:#5d7acd}
/*# sourceMappingURL=main.5a68dc9b.css.map*/