@font-face {
  font-family: "CustomFont";
  src: url("../webfonts/Lato-Regular.ttf");
}

body {
  font-family: "CustomFont", Lato, "Lucida Grande", Tahoma, Sans-Serif;
}


.envelope {
  margin: auto;
  width: 50%;
  text-align: center;
}

.skyblue {
  color: #0695cf;
}

.slategray {
  color: #2E2E2E;
}

.lightgray {
  color: #666666;
}

h1 {
  line-height: 80pt;
  font-size: 100pt;
  font-weight: bold;
  margin-top: 150pt;
  margin-bottom: 5pt;
  color: #555555;
}

h2 {
  font-size: 25pt;
  margin-bottom: 40pt;
  margin-top: 0pt;
}

.contacts {
  margin-top: 10pt;
  margin-bottom: 30pt;
  line-height: 40pt;
  text-align: center;
  padding-left: 60pt;
}

.contacts a {
  white-space: nowrap;
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  margin-right: 50pt;
  font-size: 20pt;
}

.contacts a:hover {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: silver;
  text-underline-offset: 7pt;
  color: #555555;
}

.contacts img {
  width: 25pt;
  height: 25pt;
  margin-right: 7pt;
  position: relative;
  top: -2pt;
  filter: invert(41%) sepia(80%) saturate(3180%) hue-rotate(172deg) brightness(98%) contrast(95%);
}