:root {
    --teal: #00B8AD;
    --darkteal: #00938A;
}

.teal {
    color: var(--teal)
}
.darkteal {
    color: var(--darkteal);
}
.gfilter {
    filter: brightness(0) saturate(100%) invert(59%) sepia(46%) saturate(0%) hue-rotate(290deg) brightness(96%) contrast(82%);
}
.dtfilter {
    filter: brightness(0) saturate(100%) invert(40%) sepia(30%) saturate(7199%) hue-rotate(154deg) brightness(91%) contrast(101%);
}
.dgfilter {
    filter: brightness(0) saturate(100%) invert(45%) sepia(1%) saturate(0%) hue-rotate(213deg) brightness(84%) contrast(80%);
}

a {
    text-decoration: none;
}
a:link {
  color: var(--teal);
}
a:visited,a:hover,a:active{
  color: var(--darkteal);
}

.cursive {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}

.servicetext {
    white-space: pre-line;
}

main > h1, h4, h5 {
    text-align: center;
}

hgroup {
    text-align: center;
}

.grid > div {
    padding: calc(var(--pico-spacing) / 2) 0;
    border-radius: var(--pico-border-radius);
    background-color: var(--pico-code-background-color);
    font-size: .875rem;
    text-align: center;
}

.grid > div > img {
    margin: auto;
    display: block;
    padding-bottom: 5px;
    height: 50px;
}