.service{
    font-family: 'Roboto Mono';
}

::marker{
    display: none !important;
}

summary {
    outline: none;
    list-style: none;
}
summary::-webkit-details-marker {
    display: none;
}

details[open] .button--text::after, details[open] .group:hover .button--text::after{
    background-color: #E3EF5C;
}

details[open] a.button--text:hover::after{
    background-color: #ffffff;

}

details[open] summary .arrowButton{
    rotate: 40deg;
}

details .button--text{
    line-height: 4rem;
}

details > div {
    transition: height 0.5s ease;
    overflow: hidden;
    height: 0;
}
details[open] > div {
    height: auto;
}

#services:target { scroll-margin-top: 200px; }

@media screen and (max-width: 768px) {
  #services:target { scroll-margin-top: -800px; }
}