@font-face {
    font-family: Brule-Regular;
    src: url(https://res.cloudinary.com/hzuuok1b4/raw/upload/v1657628216/images/WidgetAssets/treeCount/fonts/Brule-Regular_key9ds.otf);
}

@font-face {
    font-family: Brule-Bold;
    src: url(https://res.cloudinary.com/hzuuok1b4/raw/upload/v1657628201/images/WidgetAssets/treeCount/fonts/Brule-Bold_tzbmz7.otf);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    width: 100vw;
    height: auto;
}

.treeCounterLink {
    text-decoration: none;
    cursor: pointer;
}

.treeCounterContainer {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #232D32;
    border-radius: 10px;
    padding: 10px;
}

.treeCounterIconContainer {
    width: 90px;
    padding: 10px;
    margin-right: 10px;
}

.treeCounterIcon {
    width: 100%;
    height: 100%;
}

.treeCounterTextContainer {
    width: 200px;
    height: fit-content;
    color: white;
}

.treeCounterNumberTitle {
    font-family: Brule-Bold;
    font-size: 2.3rem;
    margin-bottom: 5px;
}

.treeCounterNumberSubtitle {
    font-size: 1.4rem;
    font-family: Brule-Regular;
    text-transform: uppercase;
}

/* Mobile / Tablet */
@media screen and (max-width: 319px) {
    .treeCounterTextContainer {
        text-align: center;
    }
}