* {
  box-sizing: border-box
}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

header {
  max-width: 1024px;
  margin: 20px auto 70px;
}

header h1 {
  margin-bottom: 8px;
}

header h3 {
  margin: 0;
}

header a {
  color: #78be20;
}

.card {
  max-width: 1024px;
  margin: 0 auto 70px;
}

.card__preview,
.card__code {
  padding: 30px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(187, 187, 187);
}

.card__preview {
  border-bottom: 0;
}

.card__preview > * {
  box-shadow: 0px 20px 50px -5px #c2c2c2;
}

.card__preview.preview--ticker-only > * {
  box-shadow: none !important;
}

.card__code code {
  display: block;
}

.card__code code.script-tag {
  margin-bottom: 15px;
}