/* =========================
   Meet Neo. Let's follow the white rabbit :)
   Author: Qbit
   Build Date: 13/11/2025
   Version: 1.0.0

   File path: /uploads/
========================= */

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

main {
  max-width: 75rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1rem;
  margin: auto;
}

.col-1 { 
   flex: 0 0 calc(25% - 0.75rem); 
}

.col-2 { 
   flex: 0 0 calc(50% - 0.5rem);
}

.col-3 { 
   flex: 0 0 calc(75% - 0.3125rem);
}

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

.col {
  padding: 1.2rem;
}

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

@media (max-width: 48rem) { 

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

   main {
      display: flex;
      flex-wrap: wrap; 
   }

   .col-1,.col-2,.col-3,.col-4 {
      flex: 1 1 100%;
      width: 100%;
   }
   
}