button {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
    min-height: 40px;
    min-width: 40px;
    text-transform: none;
    position: relative;
    transition: background-color 0.3s;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

:root {
    --primary-color: #01875f;
    --primary-color-hover: #0b7857;
    --primary-color-disabled: #a5d6a7;
    --btn-text-color-disabled: #e0e0e0;
    --secondary-color: #01875f;
    --btn-text-color: #f4fdfe;
    --background-color: #fff;
    --title-color: rgb(32, 33, 36);
    --subtitle-color: rgb(95, 99, 104);
    --divider: #00000080;
    --icon-color: rgb(95, 99, 104);
    --rating-color: #dbdbdb;
    --tag-border-color: #dadce0;
    --stat-item-divider-color: #e8eaed;
    --skeleton-light: #f0f0f0;
    --skeleton-dark: #e0e0e0;
    --developer-block-color: rgb(248, 249, 250);
    --footer-bg-color: #F5F5F5;
}

html {
    -webkit-font-smoothing: antialiased;
    font-family: "Google Sans", Roboto, Arial, sans-serif; 
    font-size: 16px;
    height: 100%;
    line-height: 1;
    position: static;
    z-index: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--background-color);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-family: inherit;
    font-weight: 400;
    height: 100%;
    line-height: 1;
    margin: 0;
    position: static;
    bottom: auto;
    right: auto;
    width: auto;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    background: none;
    border: none;
    font: inherit;
    outline: none;
    background: transparent;
}

a:focus, a:active {
    outline: none;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    color: inherit;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

* {
    box-sizing: border-box
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    /*background-color: transparent;*/
}

button:active,
input[type="button"]:active,
input[type="submit"]:active {
    /*background-color: transparent;*/
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    outline: none;
    /*background-color: transparent;*/
}

.title-color {
    color: var(--title-color);
    fill: var(--title-color);
    stop-color: var(--title-color);
}

.sub-title-color {
    color: var(--subtitle-color);
    fill: var(--subtitle-color);
    stop-color: var(--subtitle-color);
}