:root {
    --green-button: #1e90ff;
}

@font-face {
    font-family: "myFirstFont";
    src: url('./fonts/myFont.ttf') format("truetype");
}

body{
    font-family: 'myFirstFont';
    /*background-image: linear-gradient(25deg, #eeeeee, #ffffff 50%);*/
    background-image: url("../img/Background.png");
    background-color: white;
    background-repeat: round;

}
.rectangle {
    position: relative;

    height: 250px;
    width: 60%;
    background-color: #076360;
    border-radius: 0px 0px 200px 200px;

}




* {
    touch-action: manipulation;
}

.increase-button {

    background-color: mediumseagreen;
}
.decrease-button {

    background-image: linear-gradient(to right, #9A2C2B,#AA2C2D, #B13E41);
}
.donate-button {

    background-image: linear-gradient(to right, #044543, #076260,#076260);
}

.tab-img {

    width: 75px;
    height: 75px;
    border-radius: 20px;

}


.nav-link {
    padding: 5px;
    border-radius: 20px;
    margin: 5px;

}
.nav-tabs .nav-item .nav-link.active {
    background-color: #217365;
}

.nav-tabs .nav-item .nav-link {
    background-color: #d5d7da;
}