/*GENERAL*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:semibold|Raleway&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Karla&family=Lato&family=Raleway:wght@200&display=swap');

body {
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: 'Lato', sans-serif;
    background-color: #F8F8F8;
    background-color: var(--background-color);
    overflow-y:scroll;
}

body:not(.modal-open){ /* bootstrap problem */
    padding-right: 0px !important;
}

h1, h2, h3, h4, label {
    font-family: 'Montserrat', sans-serif;
}

label {
    font-size: 1.2em;
    color: #FFA500;
    color: var(--colored-font-color);
}

p {
    font-weight: 300;
    line-height: 1.7em;
    color: #333333;
    color: var(--black-font-color);
}

/*GENERAL END*/

/*MAIN PAGE*/

#click {
    width: 20rem;
    height: 20rem;
    cursor: pointer;
    border-bottom:0.3rem solid #9f9f9f;
    -moz-box-shadow:inset 0 0.3rem 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 0.3rem 0 rgba(255,255,255,0.5);box-shadow:inset 0 0.3rem 0 rgba(255,255,255,0.5);
    outline:none;

    -webkit-tap-highlight-color: transparent;

}


/*MAIN PAGE END*/