css-variables.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{
    font-family: 'Poppins', sans-serif;
}
:root{
    /* ===== Farben und deren Variablen ===== */
    --body-color: #18191a;
    --primary-color: #009879;
    --sidebar-color: #242526;
    --text-color: #fff;
    --cv-background: #393E46;
    --project-text-color: #02ba95;


    /* ====== Transition = Verschiebung in Sekunden, ease ist die Bewegungsart ====== */
    --tran-02: all 0.2s ease;
    --tran-05: all 0.5s ease;
    --tran-1: all 1.0s ease;
    --tran-2: all 2.0s ease;
    --tran-3: all 3.0s ease;


    /* Text */
    --normal-text: 25px;
    --large-text: 35px;
    --small-text: 20px;
    --cv-headline: 45px;
    --projects-headline: 70px;
    --large-heading-text: 90px;
    --small-heading-text: 60px;
    --sidebar-text: 28px;
    --sidebar-icon: 35px;
    --table-text: 25px;
    --table-head-text: 30px;
    --dropdown-text: 25px;
    --footer-text: 25px;
}
body {
    background-color: var(--body-color);
    transition: var(--tran-05);
    height: 100%;
    width: 100%;
    overflow-x: hidden; /* Hide horizontal scrollbar */
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;

}