.App{align-items:center;display:flex;flex-direction:column;height:100vh;width:100%}body{margin:0;padding:0}.post{border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:300px;margin-top:50px;width:400px}.post:hover{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.post .title{background-color:#1e90ff;border-bottom:1px solid #d3d3d3;color:#fff;display:grid;flex:20% 1;place-content:center}.post .body{display:grid;flex:60% 1;padding-left:15px;place-content:center}.post .footer{align-items:center;background-color:#1e90ff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #d3d3d3;color:#fff;display:flex;flex:20% 1;padding-left:15px}.footer .username{flex:50% 1}.footer .buttons{align-items:center;display:flex;flex:50% 1;justify-content:flex-end}.likeBttn{color:hsla(0,0%,98%,.8)}.unlikeBttn{color:#fff}.buttons label{margin-left:10px;margin-right:20px}.createPostPage{align-items:center;font-family:Arial,Helvetica,sans-serif;height:70vh;width:100vw}.createPostPage,.formContainer{display:flex;justify-content:center}.formContainer{border:5px solid #1e90ff;border-radius:5px;flex-direction:column;height:auto;margin-top:200px;padding:20px;width:500px}.formContainer #inputCreatePostPassword,.formContainer #inputCreatePostUsername{border:2px solid grey;border-radius:5px;font-size:20px;height:40px;margin-bottom:10px;margin-top:10px;padding-left:10px}.formContainer button{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;height:40px;margin-top:15px}.formContainer button:hover{background-color:#249ce6;cursor:pointer}span{color:red}.navbar{align-items:center;background-color:#1e90ff;display:flex;font-family:Arial,Helvetica,sans-serif;height:70px;width:100%}.navbar .links,.navbar .loggedInContainer{align-items:center;display:flex;flex:50% 1;height:100%}.navbar .loggedInContainer{justify-content:flex-end}.navbar a{color:#fff;margin-left:20px;text-decoration:none}.navbar button{background-color:#fff;cursor:pointer;height:40px;margin-right:10px;width:100px}.navbar h1{color:#fff;font-weight:lighter;margin-right:10px;text-align:right}.postPage{display:flex;flex-direction:row;height:100%;width:100%}.leftSide,.rightSide{display:grid;flex:50% 1;height:calc(100vh - 70px);place-items:center}.rightSide{display:flex;flex-direction:column}.rightSide .addCommentContainer{display:grid;flex:20% 1;margin-top:25px;place-items:center;width:100%}.addCommentContainer input,button{border:none;border-radius:8px;height:50px;padding-left:10px;width:200px}.addCommentContainer button{background-color:#1e90ff;color:#fff}.addCommentContainer input{border:2px solid #1e90ff}.rightSide .listOfComments{align-items:center;display:flex;flex:80% 1;flex-direction:column;width:100%}.listOfComments .comment{border:1px solid #d3d3d3;border-radius:5px;height:auto;margin-top:20px;padding:30px;width:70%}#individual{height:500px;width:600px}#individual .footer,#individual .title{font-size:30px}#individual .body{font-size:25px}.loginContainer{align-items:center;display:flex;flex-direction:column;height:100vh;padding-top:200px;width:100%}.loginContainer input,button{border:none;border-radius:8px;height:50px;margin:10px;padding-left:10px;width:200px}.loginContainer button{background-color:#1e90ff;color:#fff}.loginContainer input{border:2px solid #1e90ff}.loginContainer button:hover{background-color:#249ce6;cursor:pointer}
/*# sourceMappingURL=main.e2b0ae2d.css.map*/