@import './header.css';
@import './footer.css';
@import './cardStyles/aboutCard.css';
@import './cardStyles/contactCard.css';
@import './cardStyles/factsCard.css';
@import './cardStyles/productsCard.css';
@import './cardStyles/signupCard.css';
@import './cardStyles/statsCard.css';
@import './cardStyles/tabsCard.css';
@import './cardStyles/card.css';
@import './references.css';
@import './burgerMenu.css';
@import './footerMenu.css';
@import './popUp.css';

body {
    margin: 0;
    box-sizing: border-box;
}

:root {
    /*Colours*/
    --primary-c: #64b81c;
    --primary-tint-c: #edf4e7;
    --secondary-tint-c: #c9d3c0;
    --background-c: #fbfbfe;
    --text-headings-c: #403f4a;
    --text-body-c: #585662;
    --footer-c: #29282e;
    /*Font*/
    --primary-font: Inter, monospace;
}

* {
    font-family: var(--primary-font);
}

h2 {
    font-size: 2.5rem;
}

.main {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.selected__button {
    background-color: var(--primary-c);
    color: var(--primary-tint-c);
}

.tab {
    display: none;
}

.selected__tab {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}

.show__more__button {
    background-color: var(--primary-c);
    color: var(--primary-tint-c);
    padding: 10px;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: fit-content;
    margin-top: 4rem;
    align-self: center;
    order: 9999;
    transition: all 0.5s;
    font-size: large;
}

.show__more__button:hover {
    background-color: var(--primary-tint-c);
    color: var(--primary-c);
}

.hidden__content {
    display: none;
}

@media screen and (max-width: 780px) {
    .show__more__button:hover {
        background-color: var(--primary-c);
        color: var(--primary-tint-c);
    }
}

@media screen and (max-width: 500px) {
    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1rem;
    }

    p {
        font-size: 0.8rem;
    }
}