body{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:100vh;max-height:100vh;margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text)}header,footer{background:var(--primary);color:#fff;padding:1rem;text-align:center}main{flex:1 1 100%;overflow-y:scroll}.container{max-width:1280px;margin:2rem auto;padding:1rem}@media only screen and (max-width: 1280px){.container,#app{max-width:100%}}@media only screen and (max-width: 980px){.container,#app{max-width:100%}}