complete rewrite

css/carbon.css

@@ -1,59 +0,0 @@
-#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

@@ -1,121 +0,0 @@
-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 */
-}