.big {
  margin: 1.3333em 0  1.3333em 0;
  font-size: 1.125em; /* equiv 18px */
  line-height: 1.3333;
}
.bigger {
  margin: 1.2em 0  1.2em 0;
  font-size: 1.25em; /* equiv 20px */
  line-height: 1.2;
}
.biggest {
  margin: 1.0909em 0  1.0909em 0;
  font-size: 1.375em; /* equiv 22px */
  line-height: 1.0909;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}



/* avoid supp margin on nested elements */
li p,
li ul {
  margin-top: 0;
  margin-bottom: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 80rem;
}

.content {
  padding-bottom: 30px;
}


/* animations
-------------------------------------------------------------- */

@keyframes github {
  0% {
    top: 220px;
    transform: rotate(180deg);
  }
  100% {
    top: 0;
    transform: rotate(0);
  }
}

/* responsive
-------------------------------------------------------------- */

@media (max-width: 540px) {
  .container {
    width: 90%;
  }

  .btn {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }

  .header__pic {
    width: 100px;
  }

  .title {
    margin-left: 0;
  }

  .title:before {
    display: none;
  }
}

/* modal
-------------------------------------------------------------- */

.tingle-modal-box {
  max-width: 80rem;
}