style.css

:root {
  --green: #7ce38b;
  --white: #ecf2f8;
  --orange: #faa356;
  --grey: #0d1117;

  background-color: var(--grey);
  color: var(--white);
}

* {
  font-family: 'Suse', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

a:hover,
a:visited,
a:link,
a:active {
  color: inherit;
  text-decoration: none;
}

body {
  padding: 20px;
}

li {
  padding: 4px;
}

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

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

.text-center {
  text-align: center;
}

.title {
  font-size: 40px;
  text-align: center;
}

.description {
  font-size: 24px;
}

.section-title {
  font-size: 20px;
}

.section-subtitle {
  font-size: 18px;
}

.list {
  list-style: none;
  padding: 0;
}

.list .item {
  font-size: 20px;
}

.link:hover {
  color: var(--green);
}

.img {
  width: 500px;
  border-radius: 10px;
}

.button {
  border: 1px solid white;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--orange);
  color: var(--grey) !important;
}

.button:hover {
  background-color: var(--green);
}