*{box-sizing:border-box}body{min-height:100vh;background-color:#e9e6f2;padding:20px;color:#4d457b;font-family:"Roboto",sans-serif}h2{font-size:2rem;margin-bottom:15px}h2,h3{text-align:center}label,p{margin:0}ul{padding:0}.App__content,.App__sidebar{flex-grow:1;margin:10px;padding:20px;border-radius:20px;background-color:#fff}.App__header{position:sticky;padding:10px}.App__user-selector{padding:5px;cursor:pointer;font-size:1rem;color:#4d457b;border:1px solid #4d457b;border-radius:5px}.App__main{display:flex;justify-content:stretch;align-content:stretch}.App__sidebar{flex-basis:60%;border-color:#00f}.App__content{flex-basis:30%;border-color:green}.button{cursor:pointer;padding:5px 10px;border-radius:5px;font-weight:700;background-color:#b8b3d2;border:0;color:#fff;transition:background-color .12s;font-size:inherit;min-width:100px}.button:hover{background-color:#4d457b}.PostsList{width:100%}.PostsList__user-button{cursor:pointer;padding:5px 10px;border-radius:5px;font-weight:700}.PostsList__user-button:hover{background-color:#add8e6}.PostsList__list{list-style:none;padding-left:5px}.PostsList__item{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:10px;margin-bottom:5px;background-color:#fafafd;line-height:1.5}.PostsList__button{margin-left:10px}.NewCommentForm{display:flex;flex-direction:column;align-items:center;padding:20px}.NewCommentForm__input{border:none;border-bottom:1px solid #4d457b;font-family:inherit;font-size:.9rem;padding:10px 5px;color:#4d457b}.NewCommentForm__submit-button{margin-top:10px}.PostDetails__post{padding:10px 0 15px}.PostDetails__comments{text-align:right}.PostDetails__list{list-style:none}.PostDetails__list-item{margin:5px 0;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;font-style:italic;font-weight:300;font-size:.9rem;background:linear-gradient(90deg,#fff 0,#f6f6f6 47%,#fafafd)}.PostDetails__remove-button{min-width:20px;color:inherit;background-color:transparent;transition:color .12s;margin-right:10px}.PostDetails__remove-button:hover{color:#e9e6f2;background-color:transparent}.PostDetails__remove-button:hover+p{transition:color .12s;color:#e9e6f2}.PostDetails__form-wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%234D457BFF' stroke-width='4' stroke-dasharray='6, 14' stroke-linecap='square'/%3E%3C/svg%3E");border-radius:10px}
/*# sourceMappingURL=main.2bba196f.chunk.css.map */