* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin-bottom: 65px;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Footer */
.github,
.twitter {
  width: 24px;
  filter: invert(1);
  opacity: .75;
}

.footer {
  border-top: 1px solid #6c757d;
  justify-content: center;
}

/* index.html */
.card {
  margin-bottom: 8px;
}
.card-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Tablet Styles */
@media only screen and (min-width: 768px) {
  .page {
    width: 75%;
  }
}
/* Desktop Styles */
@media only screen and (min-width: 992px) {
  .page {
    width: 50%;
  }
}