1.doc-pills {
2 display: flex;
3 flex-wrap: wrap;
4 flex-direction: row;
5}
6
7.doc-pill {
8 margin-right: 10px;
9 margin-bottom: 10px;
10 padding: 8px 25px;
11 background-color: white;
12 border-radius: 8px;
13 color: var(--color-dark);
14 border: 1px solid var(--color-dark);
15}
16
17.doc-pill.active:hover {
18 opacity: 1;
19}
20
21.doc-pill.active {
22 background-color: var(--color-dark);
23 border: 1px solid var(--color-dark);
24 color: white;
25}
26
27section.mdx-content .section-inner {
28 padding: 0px 100px 75px 100px;
29}
30
31@media (max-width: 850px) {
32 section.mdx-content > .section-inner {
33 padding: 0px 10% 8.8% 10%;
34 }
35}