basically copy paste from kanye.rest

css/carbon.css

@@ -0,0 +1,59 @@
+#carbonads {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
+  Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#carbonads {
+  display: flex;
+  max-width: 330px;
+  background-color: hsl(0, 0%, 98%);
+  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
+}
+
+#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;
+}
+
+.carbon-img {
+  display: block;
+  margin: 0;
+  line-height: 1;
+}
+
+.carbon-img img {
+  display: block;
+}
+
+.carbon-text {
+  font-size: 13px;
+  padding: 10px;
+  line-height: 1.5;
+  text-align: left;
+}
+
+.carbon-poweredby {
+  display: block;
+  padding: 8px 10px;
+  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+  text-align: center;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: 600;
+  font-size: 9px;
+  line-height: 1;
+}

css/index.css

@@ -0,0 +1,121 @@
+html {
+	padding-left: calc(100vw - 100%);
+	overflow-x: hidden;
+}
+
+body {
+	color: var(--color-primary);
+}
+
+.wrapper {
+	max-width: 800px;
+	margin: 10px auto;
+}
+
+.nav #themeToggle {
+	margin-top: 0.4em;
+	cursor: pointer;
+}
+
+.nav a {
+	padding-bottom: 0px !important;
+}
+
+.inner {
+	padding: 1em;
+}
+
+.section {
+	padding: 1em;
+	font-size: 1.1em;
+	border: 2px solid var(--color-primary);
+	border-radius: 10px;
+	margin-bottom: 1em;
+}
+
+.title {
+	margin: 0;
+	margin-left: 0.3em !important;
+	margin-bottom: 0.2em;
+}
+
+.button {
+	font-size: 1.15em !important;
+	font-weight: 700;
+}
+
+.demo {
+	font-size: 1.25em;
+	font-weight: 700;
+}
+
+.demo a {
+	text-decoration: underline;
+}
+
+.extra {
+	font-size: 1em;
+	font-weight: 700;
+	margin: 0;
+	margin-top: 1.5em;
+}
+
+.extra a {
+	text-decoration: underline;
+}
+
+.no-top {
+	padding-top: 0 !important;
+}
+
+.tab {
+	margin-left: 2em;
+}
+
+#quote {
+	font-weight: 700;
+}
+
+footer {
+	margin-top: 2em;
+	margin-left: 1em;
+	margin-right: 1em;
+	font-size: 1.1em;
+	font-weight: 700;
+	text-align: center;
+}
+
+footer p {
+	margin: 0;
+	margin-bottom: 0.5em;
+}
+
+.wavy {
+	font-size: 0.8em;
+	font-weight: 500;
+}
+
+.notfound {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+/* https://stackoverflow.com/a/4407335 */
+
+.noselect {
+	-webkit-touch-callout: none;
+	/* iOS Safari */
+	-webkit-user-select: none;
+	/* Safari */
+	-khtml-user-select: none;
+	/* Konqueror HTML */
+	-moz-user-select: none;
+	/* Firefox */
+	-ms-user-select: none;
+	/* Internet Explorer/Edge */
+	user-select: none;
+	/* Non-prefixed version, currently
+                                    supported by Chrome and Opera */
+}