/* https://coolors.co/palettes/trending */
:root {
  --color-bg: #fff;
  --color-title: #e63946ff;
  --color-text: #1d3557ff;
  --color-selection: #f1faeeff;
}

::selection {
  background: var(--color-selection); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: var(--color-selection); /* Gecko Browsers */
}

body {
  background-color: var(--color-bg);
}

.landing {
  margin-top: -50px;
}

.landing__title {
  color: var(--color-title);
  margin: 0;
  font-size: 8em;
  line-height: 1em;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .landing__title {
    margin: 0;
    font-size: 4em;
  }
}

.landing__subtitle {
  color: var(--color-text);
  font-weight: normal;
  margin: 1.4em 0;
  font-size: 1.4em;
}

.landing__body {
}

.landing__body__social {
  padding-right: 25px;
}
.landing__body__social a {
  color: var(--color-text);
}

.icon {
  color: var(--color-text);
}