img:hover{
        transform: scale(1.1);
        cursor: pointer;
        touch-action: manipulation;
    }
    img{
        transition: .2s;
        cursor: pointer;
        touch-action: manipulation;
    }
    img:active{
        transform: scale(0.7);
        cursor:pointer;
        touch-action: manipulation;
    }
    

    body{

margin:0%;
padding:0%;
background-color:white;
}


#happyp{
    font-size:0.9em;
    margin-top: 20px;
    margin-left: 10px;
}
.container{
margin:100px, auto;
text-align:center;
}
h1{
font-size:4em;
font-family: Arial,helvetica, sans-serif;

}

p,h2,h3{
font-size:1.5em;
font-family: Arial,helvetica, sans-serif;
}
div{
    display:flex;
    
    flex-grow: 2;
    text-align: center;
}

#jobbutton{
    background-color: darksalmon;
}

button{
border:none;
padding: 15px 12px;
font-size: 1em;
transition:1.2;
font-family: Arial,helvetica, sans-serif;
margin: 7px;
touch-action: manipulation;
}
button:hover{
scale:1.2em;
cursor: pointer;
background-color: black;
color:white;
transition: 0.4s;
}
button:active{
    scale:1.3em;
    cursor: pointer;
    background-color: black;
    color:white;
    transition: 0.4s;
    touch-action: manipulation;
    }
#reset{
    background-color:red;
    color:white;
}
#expenses {
    font-size: 0.8em;
    background-color: 0496FF;
    color:white;
    
    font-family:'Courier New', Courier, monospace;
    
    
}
#topscore {
    font-size:1.2em;
}
#timediv{

max-height:4.5em;
}
#log{
    margin-top: 20px;
    margin-left: 10px;
    min-width:80%;
    
    text-align: center;
}


#clicker{
    background-image: url("images/avatar.png");
    background-size: contain;
    position:relative;
    transition: all .2s ease-in-out;
    height:220px;
    width:220px;


}

#clicker:hover{transform: scale(1.10);
}
#clicker:active{transform: scale(1.10);
}
#clicker > .number{
    z-index: index 99;
    font-size:32px;
    color: green;
    position:absolute;
}
#speedp{
    font-size:1em;
}
#logbox{
    min-height: 6.6em;
}