Starter css for every project

master.css

* {
    padding: 0;
    margin: 0;
}

/* COLOURS */
:root {
    --primary: black;
    --secondary: white;
    --tertiary: #f2f2f2;
    --quaternary: #f2f2f2;

    --bg-color: whitesmoke;
}

/* Other important variables */
:root {
    --navbar-height: 60px;
    --title-height: clamp(1.94rem, 1.46rem + 2.4vw, 3.17rem);
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--bg-color);
}

.flex {
    display: flex;
}

.flex--column {
    flex-direction: column;
}

.center {
    text-align: center;
    margin: auto;
}

.title {
    font-size: var(--title-height);
    font-weight: bold;
    color: var(--primary);
}

section.container {
    height: 100vh;
}