/* =========================
   Meet Neo. Let's follow the white rabbit :)
   Author: Qbit
   Build Date: 06/05/2026
   Version: 1.0.1

   File path: /uploads/

   Updated on 06/05/2026: Updated <main> to horizontally
   centre-align all <div> elements.
========================= */

/* =========================
   Global styles
========================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* =========================
   Main styles
========================= */

main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    justify-content: center;
}

/* =========================
   Column styles
========================= */

.col {
    min-width: 0;
    padding: 20px;
}

.col-1 {
    flex: 0 0 25%;
    width: 25%;
}

.col-2 {
    flex: 0 0 50%;
    width: 50%;
}

.col-3 {
    flex: 0 0 75%;
    width: 75%;
}

.col-4 {
    flex: 0 0 100%;
    width: 100%;
}

/* =========================
   Responsive styles
========================= */

@media (max-width: 768px) {

    .col {
        flex: 0 0 100%;
        width: 100%;
    }

}