.App{width:100%;height:auto;display:flex;align-items:center;flex-direction:column;font-family:"Roboto",sans-serif}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:Arial,Helvetica,sans-serif;box-shadow:0 2px 8px 0 rgba(193,255,215,.9)}.post:hover{box-shadow:0 7px 29px 0 rgba(255,119,119,.5);cursor:pointer}.post .title{flex:20% 1;border-bottom:1px solid #d3d3d3;background-color:#c1ffd7;color:#000}.post .body,.post .title{display:grid;place-content:center}.post .body{flex:60% 1}.post .footer{flex:20% 1;border-top:1px solid #d3d3d3;display:flex;align-items:center;padding-left:15px;background-color:#c1ffd7;color:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.footer .username{flex:50% 1}.footer .buttons{flex:50% 1;display:flex;justify-content:flex-end;align-items:right}.likeBttn{color:rgba(0,0,0,.5)}.unlikeBttn{color:#000}.likeBttnComment{color:rgba(0,0,0,.5);cursor:pointer}.unlikeBttnComment{color:#000;cursor:pointer}.delc{cursor:pointer}.buttons label{margin-right:20px;margin-left:10px}.createPostPage{font-family:Arial,Helvetica,sans-serif;width:100vw;height:70vh;align-items:center}.createPostPage,.formContainer{display:flex;justify-content:center}.formContainer{flex-direction:column;width:500px;height:auto;padding:20px;border:5px solid #f77;border-radius:5px}.formContainer #inputCreatePost{height:40px;margin-top:10px;margin-bottom:10px;border:2px solid grey;border-radius:5px;padding-left:10px;font-size:20px}.formContainer button{margin-top:15px;height:40px;border:none;background-color:#f77;border-radius:5px;color:#fff}.formContainer button:hover{cursor:pointer;background-color:#f77}span{color:red}.navbar{width:100%;height:70px;background-color:#f77;display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif}.navbar .links,.navbar .loggedInContainer{flex:50% 1;height:100%;display:flex;align-items:center}.navbar .loggedInContainer{justify-content:flex-end}.s_name{flex:20% 1;position:relative;left:45px;cursor:default}.navbar a{margin-left:20px;text-decoration:none;color:#fff}.navbar button,.navbar button:hover{width:100px;height:40px;cursor:pointer;margin-right:10px;background-color:#fff}.navbar button:hover{box-shadow:0 5px 12px 5px rgba(109,130,153,.3)}.navbar h1{text-align:right;margin-right:10px;color:#fff;font-weight:lighter;cursor:default}.postPage{display:flex;flex-direction:row;width:100%;height:100%}.leftSide{flex:50% 1;height:calc(100vh - 70px);display:grid;place-items:center}.leftSide .footer button{cursor:pointer}.rightSide{flex:50% 1;height:calc(100vh - 70px);display:grid;place-items:center;display:flex;flex-direction:column}.rightSide .addCommentContainer{flex:20% 1;width:100%;display:grid;place-items:center;margin-top:25px}.addCommentContainer input,button{width:200px;height:50px;border-radius:8px;border:none}.addCommentContainer button{background-color:#c1ffd7;color:#000}.addCommentContainer button:hover{box-shadow:0 5px 12px 0 rgba(255,119,119,.5);color:#000;cursor:pointer}.addCommentContainer input{border:2px solid #c1ffd7}.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 #d3d3d3;border-radius:5px;margin-top:20px}#individual{height:500px;width:600px}#individual .footer,#individual .title{font-size:30px}#individual .body{font-size:25px}.loginContainer{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh;padding-top:100px}.loginContainer input,button{width:200px;height:50px;border-radius:8px;border:none;margin:10px}.loginContainer button{background-color:#f77;color:#fff}.loginContainer button:hover{box-shadow:0 5px 12px 5px rgba(193,255,215,.9);color:#000;cursor:pointer}.loginContainer input{border:2px solid #f77}
/*# sourceMappingURL=main.6250ba78.chunk.css.map */