#root{max-width:40rem;margin:0 auto}.logo{text-align:center}.logo>span:nth-child(1n){color:#2962ff}.logo>span:nth-child(2n){color:#ff6d00}.logo>span:nth-child(3n){color:#ffd600}.logo>span:nth-child(4n){color:#00c853}.comment{border:.0625rem solid #ccc;border-radius:.5rem}.comment .header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem;border-bottom:.0625rem solid #ccc}.comment .content{padding:1rem}.post-comment{border-radius:.5rem .5rem .5rem 0}.comments{display:contents}.comments .comment{margin-left:1rem}.create-comment{border:.0625rem solid #ccc;border-radius:0 .5rem .5rem}.create-comment>textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:.5rem 1rem;resize:vertical;border:none;background:transparent}.create-comment>button{float:right;padding:.25rem 1rem;border:.0625rem solid #ccc;border-right:none;border-bottom:none;border-top-left-radius:.5rem;background:transparent}.comment-box{position:relative;display:grid;grid-gap:1rem}.comment-box:before{position:absolute;top:.5rem;bottom:.5rem;content:"";border-left:.0625rem solid #ccc}
/*# sourceMappingURL=main.bbccfc7d.css.map*/