.tools-darkblue {
  background-color: midnightblue;
}

.tools-darkblue>h2>a {
  color: cyan;
}

.tools-darkblue>h2>a:hover {
  color: lightblue;
}

.tools-green {
  background-color: darkolivegreen;
}

.tools-green>h2>a {
  color: greenyellow;
}

.tools-green>h2>a:hover {
  color: palegoldenrod;
}

.tools-section {
  padding-bottom: 20px;
}

.tools-section>p {
  font-family: 'Roboto Flex', sans-serif;
  margin: 0 150px;
  color: whitesmoke;
  font-weight: lighter;
  font-size: 18px;
  font-weight: 400;
  padding: 5px;
  padding-bottom: 20px;
}

.tools-section>h2 {
  padding-top: 20px;
}

.tools-title {
  text-shadow: 2px 2px 2px #181e20;
}

.tools-title-header {
  font-family: 'Hammersmith One', sans-serif;
  color: rgb(179, 231, 245);
  font-size: 200px;
  font-weight: lighter;
  margin: 0px;
  margin-top: -40px;
  padding-right: 90px;
  padding-bottom: 10px;
  padding-top: 0;
  padding-top: 20px;
}

.tools-title-subtitle {
  color: whitesmoke;
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding-bottom: 20px;
  padding-right: 100px;
  text-shadow: 2px 2px 3px #252525;
  font-weight: 200;
  font-style: oblique;
}

.tools-lethlog {
  background-color: #FEFBEA;
}

.tools-lethlog p,
.tools-lethlog h3 {
  color: #4B506E;
}

.tools-lethlog>h2>a {
  color: rgb(184, 59, 57);
}

.tools-lethlog>h2>a:hover {
  color: #93755B;
}