:root {
    --yellow: #ffffc4ff;
    --gray-green: #dce5c2ff;
    --initial-font-size: 10px;
    --gfs: 100vw;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;
    min-height: 100vh;
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: transparent;
}

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    /*font-size: 100vw;*/
    font-size: var(--gfs);
    /*width: 100vw;*/
    min-height: 100vh;
    box-sizing: border-box;
}

body {
    font-size: var(--initial-font-size);
    /*background-color: #fafafaff;*/
    background-color: #eff1e7;
}


#header_free_representative:hover > div {
    cursor: pointer;
}

#header_free_representative:hover .speech {
    fill: white !important;
}

#header_free_representative:hover .man,
#header_free_representative:hover .stair,
#header_free_representative:hover .text {
    fill: #333333 !important;
}

#header_free_representative:active .speech {
    fill: black !important;
}

#header_free_representative:active .man,
#header_free_representative:active .stair,
#header_free_representative:active .text {
    fill: white !important;
}

.bossfrog {
    font-weight: bold;
    font-family: Stengazeta;
}




.text.red {
    color: red;
}




.app-screen {
    display: block;
    margin: 0 auto;
    width: 48vw;
    height: auto;
}

.app-screen.mb {
    margin-bottom: 4vw;
}

@font-face {
  font-family: "Stengazeta";
  src: url(/fonts/Stengazeta-Regular_5.ttf);
}