@font-face {font-family: 'Montserrat-SemiBold'; src: url('fonts/Montserrat-SemiBold.ttf');}
@font-face {font-family: 'Montserrat-Bold'; src: url('fonts/Montserrat-Bold.ttf');}

.future-hud {
    position: absolute;
    display: none;
    right: 2vh;
    bottom: 6.5vh;
    width: 65vh;
    background-color: purple; /* Paars */
}

.future-needs {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.65vh;
}

.future-need {
    width: 4.35vh;
    height: 4.35vh;
    margin-bottom: .5vh;
    border-radius: 1vh;
}

.future-need-img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 2.5vh;
    margin: 1vh;
    height: 2.5vh;
}

.future-moneyconainer {
    position: absolute;
    display: flex;
    right: 4.25vh;
    bottom: 1vh;
}

.future-money-cat-bg {
    width: 3.35vh;
    height: 3.35vh;
    margin: 0vh 0vh 0vh .5vh;
    border-radius: 1vh 0vh 0vh 1vh;
    background-color: rgba(85, 0, 130, 0.6); /* Donkerpaars */
}

.future-money-cat {
    height: 2vh;
    width: 2.35vh;
    margin: .65vh;
}

.future-money-value {
    color: white;
    height: 3.34vh;
    font-size: 1.3vh;
    line-height: 3.34vh;
    padding: 0vh .75vh 0vh .5vh;
    font-family: 'Montserrat-Bold';
    border-radius: 0vh 1vh 1vh 0vh;
    text-shadow: 1px 1px 1px #000;
    background-color: rgba(85, 0, 130, 0.6); /* Donkerpaars */
}

.future-mainjob {
    position: absolute;
    display: flex;
    right: 4.25vh;
    height: 4vh;
    bottom: 5.55vh;
    border-radius: 1vh;
    background-color: rgba(85, 0, 130, 0.6); /* Donkerpaars */
}

.future-mainjob-bg {
    width: 3.35vh;
    height: 3.35vh;
    margin: 0vh 0vh 0vh .5vh;
}

.future-mainjob-cat {
    height: 2.5vh;
    width: 2.5vh;
    margin: .75vh .65vh;
}

.future-mainjob-value {
    width: auto;
    color: white;
    height: 3.34vh;
    font-size: 1.3vh;
    line-height: 4vh;
    padding: 0vh .75vh 0vh .5vh;
    font-family: 'Montserrat-Bold';
    text-shadow: 1px 1px 1px #000;
}

/* Secondjob */

.future-secondjob {
    position: absolute;
    display: none;
    height: 4vh;
    bottom: 10.5vh;
    right: 4.25vh;
    border-radius: 1vh;
    background-color: rgba(85, 0, 130, 0.6); /* Donkerpaars */
}

.future-secondjob-bg {
    width: 3.35vh;
    height: 3.35vh;
    margin: 0vh 0vh 0vh .5vh;
}

.future-secondjob-cat {
    height: 2.5vh;
    width: 2.5vh;
    margin: .75vh .65vh;
}

.future-secondjob-value {
    width: auto;
    color: white;
    height: 3.34vh;
    font-size: 1.3vh;
    line-height: 4vh;
    padding: 0vh .75vh 0vh .5vh;
    font-family: 'Montserrat-Bold';
    text-shadow: 1px 1px 1px #000;
}

.future-watermark {
    padding: .1vh;
    width: 4.25vh;
    height: 4.25vh;
}

/* >> Data's << */
::-webkit-scrollbar {width: 0vh; height: 0vh;}

[data-money="black_money"]{color: rgb(183, 61, 183);} /* Paars */
[data-needed="hunger"] {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 50%, rgba(168, 58, 170, 0.7) 50%);}
[data-needed="thirst"] {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 50%, rgba(125, 58, 170, 0.7) 50%);}
[data-needed="watermark"] {background: rgba(85, 0, 130, 0.6);} /* Donkerpaars */