@font-face{font-family:Metric thin;src:url(/font/MetricWeb-Thin.woff2) format("woff2"),url(/font/MetricWeb-Thin.woff) format("woff");font-style:normal;font-weight:200}
@font-face{font-family:Metric light;src:url(/font/MetricWeb-Light.woff2) format("woff2"),url(/font/MetricWeb-Light.woff) format("woff");font-style:normal;font-weight:300}
@font-face{font-family:Metric;src:url(/font/MetricWeb-Regular.woff2) format("woff2"),url(/font/MetricWeb-Regular.woff) format("woff");font-style:normal;font-weight:400}
@font-face{font-family:Metric medium;src:url(/font/MetricWeb-Medium.woff2) format("woff2"),url(/font/MetricWeb-Medium.woff) format("woff");font-style:normal;font-weight:500}
@font-face{font-family:Metric semi-bold;src:url(/font/MetricWeb-Semibold.woff2) format("woff2"),url(/font/MetricWeb-Semibold.woff) format("woff");font-style:normal;font-weight:600}
@font-face{font-family:Metric bold;src:url(/font/MetricWeb-Bold.woff2) format("woff2"),url(/font/MetricWeb-Bold.woff) format("woff");font-style:normal;font-weight:700}

body {
  margin: 0 auto;
  width: 60%;
  font-family:Metric,arial,sans-serif;
}

.button--primary {
  background-color: violet;
}
.button--secondary {
  background-color: burlywood;
}