h1 HTML5 Kitchen Sink

Definition List Title

Definition list division.

Kitchen Sink

Used in expressions to describe work in which all conceivable (and some inconceivable) sources have been mined. In this case, a bunch of markup.

aside

Defines content aside from the page content

blockquote

Defines a section that is quoted from another source

pre {
  display: block;
  padding: 7px;
  background-color: #F5F5F5;
  border: 1px solid #E1E1E8;
  border-radius: 3px;
  white-space: pre-wrap;
  word-break: break-all;
  font-family: Menlo, Monaco;
  line-height: 160%;
}

:root {
  --add-font-sans: "";
  --add-font-serif: "";
  --add-font-mono: "";
  --set-font-size-xs: 16rem;
  --set-font-size-sm: calc(16rem + 0.25vw);
  --set-font-size-base: calc(16rem + 0.5vw);
  --set-font-size-md: calc(16rem + 1vw);
  --set-font-size-lg: calc(16rem + 1.5vw);
  --set-font-size-xl: calc(16rem + 2vw);
  --set-font-size-h1: calc(16rem + 3vw);
  --set-font-size-h2: calc(16rem + 2.5vw);
  --set-font-size-h3: calc(16rem + 2vw);
  --set-font-size-h4: calc(16rem + 1.5vw);
  --set-font-size-h5: calc(16rem + 1vw);
  --set-font-size-h6: calc(16rem + 0.5vw);
  --set-font-line-height: 1.7;
  --set-font-weight-light: 300;
  --set-font-weight-base: 400;
  --set-font-weight-heavy: 700;
  --set-font-letter-spacing: 0.5rem;
  --set-font-serif: var(--add-font-serif),Georgia,Cambria,"Times New Roman",Times,serif;
  --set-font-sans: var(--add-font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --set-font-mono: var(--add-font-mono),Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --set-font-html: var(--set-font-serif);
  --set-font-body: var(--set-font-serif);
  --set-font-heading: var(--set-font-sans);
  --set-font-code: var(--set-font-mono);
  --set-color-primary: #005ea2;
  --set-color-primary-tint: #73b3e7;
  --set-color-primary-shade: #162e51;
  --set-color-secondary: #e41d3d;
  --set-color-secondary-tint: #f2938c;
  --set-color-secondary-shade: #8b1303;
  --set-color-base: #1b1b1b;
  --set-color-base-light: #a9aeb1;
  --set-color-base-tint: #dcdee0;
  --set-color-black: #000;
  --set-color-white: #fff;
  --set-color-green: #2e8540;
  --set-color-blue: #0071bc;
  --set-color-red: #e31c3d;
  --set-color-success: #4caf50;
  --set-color-error: #e74c3c;
  --set-color-info: #5bc0de;
  --set-color-warning: #f0ad4e;
  --set-color-body-bg: #fff;
  --set-color-body-text: #1b1b1b;
  --set-color-text-gray: #a9aeb1;
  --set-color-border-color: #ddd;
  --set-color-shadow-color: rgba(0,0,0,0.2);
  --set-color-form-base: #1b1b1b;
  --set-color-form-base-light: #a9aeb1;
  --set-color-form-base-tint: #dcdee0;
  --set-color-form-focus: #0050d8;
  --set-color-form-focus-tint: #d9e8f6;
  --set-color-form-error: #e31c3d;
  --set-color-form-error-tint: #f8dfe2;
  --set-color-form-success: #2e8540;
  --set-color-fb: #3b59b6;
  --set-color-tw: #4099ff;
  --set-color-pinterest: #cb2027;
  --set-color-skype: #12a5f4;
  --set-color-spotify: #81b71a;
  --set-color-instagram: #4e433c;
  --set-color-tumblr: #2b4964;
  --set-color-vimeo: #86b32d;
  --set-color-soundcloud: #f76600;
  --set-color-youtube: #f33;
  --set-color-linkedin: #4875b4;
  --set-color-flickr: #fe0883;
  --set-color-foursquare: #8fd400;
  --set-bp-min-xs: 320px;
  --set-bp-min-sm: 480px;
  --set-bp-min-md: 768px;
  --set-bp-min-lg: 992px;
  --set-bp-min-xl: 1200px;
  --set-bp-max-xs: 319.98px;
  --set-bp-max-sm: 479.98px;
  --set-bp-max-md: 767.98px;
  --set-bp-max-lg: 991.98px;
  --set-bp-max-xl: 1199.98px;
}