@import "./variables.css";
@import "./components.css";
@import "./footer.css";
@import "./global.css";
@import "./navbar.css";



/* Device Screen*/

.content-wrapper {
  
  width: clamp(320px, 80%, 1100px);
  /* MIN: 320px (base phone width) */
  /* PREFERRED: 80% of the screen width */
  /* MAX: 1100px (standard desktop container size) */
  
  margin: 0 auto; 
  /* Centers the box horizontally on desktop */
}