.mango {
    width: 25vw;
    height: 25vw;

    border-radius: 50%;
    font-size: 15vw;

    margin-bottom: 40px;

    background-color: yellow !important;
    color: black !important;
    border-color: orange !important;

    transition: transform 0.2s ease;
}

.mango:hover{
    transform: scale(1.05);

    background-color: gold !important;
    color: black !important;
    border-color: orange !important;
}

.mango:active{
    transform: scale(0.92);

    background-color: orange !important;
    color: black !important;
    border-color: orange !important;
}

#money {
    font-size: 3.25rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 14px;
    color: white;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.info {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin: 0px !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

#earned{
    font-size: 1.5rem;
}

#create_date{
    font-size: 1rem;
    margin-bottom: 10px;
}

#click-money {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 6px;
    color: white;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

#auto-money {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 52px;
    color: white;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}


#log-out-button {
    display: block;
    text-align: right !important;
}

.default_button{
    color: white;
    font-weight: bold;
}

.default_upgrade_button{

    margin: 5px;
    margin-bottom: 8px;

    color: white;
    font-size: 16px;
    background-color: black;
    font-weight: bold;

    border-color: black;
    border-width: 3px;

    text-align: center;

    width: auto;
    padding: 16px;

    height: auto;
    border-radius: 28px;
}

.default_upgrade_button:disabled{
    background-color: black !important;
    border-color: black !important;

}

.default_upgrade_button:hover{
    background-color: #3b3b3b;
    border-color: black;
}

body {
    background-color: #804040;
}

html, body, canvas{
    overscroll-behavior: none;
    height: 100%;
    margin: 0;
    user-select: none;
    touch-action
}

.last {
    margin-bottom: 64px !important;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: left !important;
  padding-left: 20px;
}