default styles for codesandbox

sandbox.css

@import url("https://fonts.googleapis.com/css?family=Muli:300");

:root {
  --back:  #f5f5f5;
  --prime: #06c59f;
  --text:  #606063;
}

* {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  background-repeat: no-repeat;
  border-collapse: inherit;
  box-sizing: border-box;
}

body {
  font: 18px/1.4 "Muli", sans-serif;
  margin: 0;
  padding: 60px 80px;
  font-weight: 300;
  color: var(--text);
  background: var(--back);
}

h1 {
  margin-bottom: 0.6rem;
  font-weight: 300;
  color: var(--prime);
}

p { max-width: 30em }

.white    { color: white }
.prime    { color: var(--prime) }
.bg-prime { background: var(--prime) }

a, a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover { color: var(--prime) }