:root {
    --system-bg: #ffffff;
    --system-accent: #2B6B51;
    --system-titleColor: #333;
    --system-subTextColor: #7e7e7e;
    --system-lessEmphasize: rgb(0, 0, 0, 0.25);
    --toggle-color-background: #1D1D1F;
    --toggle-color-fill: #2B6B51;
    --toggle-color-text: #2B6B51;
    --color-button-text: #fff;
}

body {
    color: rgb(0, 0, 0);
    background-color: var(--system-bg);
}

p {
    color: #b6b6b6;
}

h1 {
    color: var(--system-accent);
}

.fadeIn{
    color: var(--system-lessEmphasize);
}

h3 {
    color: var(--system-titleColor);
}

.subtitle {
    color: var(--system-titleColor);
}

.subtitle em {
    color: var(--system-accent);
    background: linear-gradient(90deg, var(--system-accent),var(--system-accent));
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    /* text-shadow: 0 0 1px  var(--system-accent), 0 0 1px  var(--system-accent), 0 0 1px  var(--system-accent), 0 0 1px  var(--system-accent); */
}

.featureSubtext {
    color: var(--system-subTextColor);
}

.featureSubtext em {
    color: var(--system-accent);
}

.mouse-scroll {
    border:2px solid var(--system-lessEmphasize);
}

.mouse-scroll .wheel {
    background-color: var(--system-lessEmphasize);
}

a {
    color: var(--system-accent);
}

a:hover {
    color: #000;
    background-color: rgba(47, 168, 118, 0.37);
}

.mediaButton {
    color: var(--system-accent);
    border: 1px solid var(--system-accent);
}

.mediaButton:hover {
    color: var(--system-bg);
    background-color: var(--system-accent);
    border: 1px solid var(--system-accent);
}

.iOS-row {
    color: rgba( 120, 120, 120, 45%);
}

.iOS-row:first-of-type {
    border:3px solid rgba( 120, 120, 120, 25%);
}