diff --git a/example/dist/index.html b/example/dist/index.html
index fa1d9df..465c4fb 100644
--- a/example/dist/index.html
+++ b/example/dist/index.html
@@ -28,6 +28,8 @@
+
diff --git a/example/src/index.scss b/example/src/index.scss
index 5223e7a..3440a36 100644
--- a/example/src/index.scss
+++ b/example/src/index.scss
@@ -128,3 +128,73 @@ a {
text-decoration: underline;
text-underline-position: under;
}
+
+#carbonads * {
+ margin: initial;
+ padding: initial;
+}
+#carbonads {
+ margin-left: auto;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
+ sans-serif;
+ position: sticky;
+ top: var(--unit);
+}
+@media (max-width: 676px) {
+ #carbonads {
+ margin: auto;
+ }
+}
+#carbonads {
+ display: flex;
+ max-width: 330px;
+ background-color: var(--background);
+ box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
+ z-index: 100;
+}
+#carbonads a {
+ color: inherit;
+ text-decoration: none;
+}
+#carbonads a:hover {
+ color: inherit;
+}
+#carbonads span {
+ position: relative;
+ display: block;
+ overflow: hidden;
+}
+#carbonads .carbon-wrap {
+ display: flex;
+}
+#carbonads .carbon-img {
+ display: block;
+ margin: 0;
+ line-height: 1;
+}
+#carbonads .carbon-img img {
+ display: block;
+}
+#carbonads .carbon-text {
+ font-size: 13px;
+ padding: 10px;
+ margin-bottom: 16px;
+ line-height: 1.5;
+ text-align: left;
+}
+#carbonads .carbon-poweredby {
+ display: block;
+ padding: 6px 8px;
+ background: var(--background);
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ font-weight: 600;
+ font-size: 8px;
+ line-height: 1;
+ border-top-left-radius: 3px;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
\ No newline at end of file