.App{width:100%;height:auto;display:flex;align-items:center;flex-direction:column}body{margin:0;padding:0}.post{width:400px;height:300px;border-radius:10px;display:flex;flex-direction:column;margin-top:50px;border:1px solid #d3d3d3;font-family:Georgia,"Times New Roman",Times,serif;text-transform:capitalize;box-shadow:0 4px 4px 0 rgba(99,99,99,.2)}.post:hover{box-shadow:0 10px 50px 0 rgba(100,100,111,.2);cursor:pointer}.post .title{flex:20% 1;border-bottom:1px solid #d3d3d3;background-color:#836fa9;color:#fff;font-size:24px}.post .body,.post .title{display:grid;place-content:center}.post .body{flex:60% 1}.post .footer{flex:20% 1;border-top:1px solid #d3d3d3;padding-left:15px;background-color:#836fa9;color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.createPostPage,.post .footer{display:flex;align-items:center}.createPostPage{font-family:Georgia,"Times New Roman",Times,serif;text-transform:capitalize;width:100vw;height:70vh;justify-content:center}.formContainer{display:flex;flex-direction:column;justify-content:center;width:500px;height:auto;padding:20px;border:5px solid #b39ddb;border-radius:5px}.formContainer input:focus{outline:2px}.formContainer #inputCreatePost{height:40px;margin-top:10px}.formContainer #description,.formContainer #inputCreatePost{margin-bottom:10px;border:2px solid #e6ceff;border-radius:5px;padding-left:10px;font-size:20px}.formContainer #description{height:100px}.formContainer button{margin-top:15px;height:40px;border:none;background-color:#b39ddb;border-radius:5px;color:#fff}.formContainer button:hover{cursor:pointer;background-color:#836fa9}span{color:#836fa9}.navbar{width:100%;height:70px;background-color:#836fa9;display:flex;align-items:center;font-family:Georgia,"Times New Roman",Times,serif;text-transform:capitalize}.navbar .links,.navbar .loggedInContainer{flex:50% 1;height:100%;display:flex;align-items:center}.navbar .loggedInContainer{justify-content:flex-end}.navbar a{margin:20px;text-decoration:none;color:#fff}.navbar h2{text-align:right;margin-right:10px;color:#fff;font-weight:lighter}.postPage{display:flex;flex-direction:column;width:100%;height:100%}.leftSide{display:grid}.leftSide,.rightSide{flex:50% 1;height:calc(100vh - 70px);place-items:center}.rightSide{display:grid;display:flex;flex-direction:column}.rightSide .addCommentContainer{flex:20% 1;flex-direction:row;display:grid;width:100%;align-items:center;place-items:center;margin-top:25px}.addCommentContainer button{background-color:#836fa9;color:#fff;width:200px;height:50px;border-radius:100px}.addCommentContainer input{border:2px solid #b39ddb;width:500px;height:50px;border-radius:20px}.addCommentContainer input:focus{outline:2px}.rightSide .listOfComments{flex:80% 1;width:100%;display:flex;flex-direction:column;align-items:center}.listOfComments .comment{width:70%;height:auto;padding:30px;border:1px solid #e6ceff;border-radius:10px;margin-top:20px;font-size:24px;display:flex;text-transform:capitalize;flex-direction:row;justify-content:space-between}.comment .user{font-size:20px}#individual{height:500px;width:600px}#individual .title{font-size:30px}#individual .footer{font-size:20px;justify-content:space-between}#individual .body{font-size:25px}.loginContainer{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh;padding-top:100px}.loginContainer input:focus{outline:2px #836fa9}.loginContainer input,button{width:200px;height:50px;border-radius:100px;border:none;margin:10px}.loginContainer button{background-color:#836fa9;color:#fff;margin-left:10px;margin-right:10px}.loginContainer input{border:2px solid #b39ddb}.registration{margin:auto;padding:100px}
/*# sourceMappingURL=main.ce7956fc.chunk.css.map */