diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c40f458
--- /dev/null
+++ b/style.css
@@ -0,0 +1,106 @@
+.comment {
+	display: block;
+	padding: 1em;
+	max-width: 40em;
+	border: 1px solid gray;
+	border-radius: 10px;
+
+}
+.comment ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+.comment li {
+	margin: 32px 0;
+}
+.comment article {
+	max-width: 600px;
+}
+.comment ul ul {
+	margin-left: 64px;
+}
+.comment .avatar {
+	width: 50px;
+	height: 50px;
+	border-radius: 6px;
+	float: left;
+	margin-right: 14px;
+	box-shadow: 0 0 1px #0009;
+}
+.comment .user {
+	color: currentColor;
+	text-decoration: none;
+	display: block;
+	position: relative;
+}
+.comment .author {
+	position: absolute;
+	left: 35px;
+	top: 35px;
+	background: white;
+	border-radius: 50%;
+	width: 20px;
+	height: 20px;
+	color: gray;
+}
+.comment .user:hover .username {
+	text-decoration: underline;
+}
+.comment .username {
+	margin-right: .5em;
+}
+.comment .useraddress {
+	color: gray;
+	font-size: small;
+	font-style: normal;
+}
+.comment time {
+	font-size: small;
+}
+.comment .address {
+	color: currentColor;
+	text-decoration: none;
+	display: block;
+	margin-top: .25em;
+}
+.comment .address:hover {
+	text-decoration: underline;
+}
+.comment section {
+	margin-top: .5em;
+	margin-left: 64px;
+	line-height: 1.5;
+}
+.comment section p {
+	margin: 0.5em 0;
+}
+.comment .comment-counts {
+	display: flex;
+	column-gap: 1em;
+	font-size: small;
+}
+.comment .comment-counts > span {
+	display: flex;
+	align-items: center;
+	column-gap: .3em;
+	color: gray;
+}
+
+.comment figure, .comment figure img {
+	max-width: 200px;
+}
+
+.comment .emoji {
+	width: 1.5em;
+}
+
+.comment figure {
+	padding: 10px;
+	border: 1px solid gray;
+	border-radius: 10px;
+	display: inline-block;
+}
+
+.comment .attachments {
+}