@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";html{font-family:sans-serif}.container{max-width:30rem;margin:5rem auto}.joke{margin-bottom:2rem}.joke__body{display:flex}.joke__user{flex:0 0 auto;width:5rem;height:5rem;margin-right:1rem}.user-avatar{width:5rem;height:5rem}.user-name{margin-top:.5rem;text-align:center}.joke__text{background-color:#6495ed;color:#fff;border-radius:1rem;padding:1.5rem 2rem;margin:0;line-height:150%}.joke__likes{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem}.likes-count{font-size:1.5rem;font-weight:700;margin:0 .5rem}.likes-count--up{color:#00e268}.likes-count--down{color:#ff5654}.btn-like{border:none;outline:none;width:2rem;height:2rem;border-radius:1rem;background-size:1.2rem;background-position:center;background-repeat:no-repeat;cursor:pointer}.btn-like--up{background-color:#00e268;background-image:url(data:image/png;base64,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)}.btn-like--down{background-color:#ff5654;background-image:url(data:image/png;base64,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)}*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}.container{max-width:26rem;margin-right:auto;margin-left:auto}
