body{background-color:#f5f5f5}.appbar{height:60px;background-color:#0881e4;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:20px;font-weight:700;z-index:1000}.app-container{display:flex;flex-direction:column;min-height:95vh;width:100%;max-width:1200px;margin:0 auto;overflow-y:auto;background-color:#fff}.app-header{padding:10px;border-radius:10px;text-align:center}.content-container{flex-grow:1;display:flex;flex-direction:column}.app-content{padding:20px;flex-grow:1}@media (max-width: 768px){.app-container{max-width:100%}.app-header{font-size:16px}.app-content{font-size:14px}}@media (min-width: 769px){.app-container{max-width:400px;box-shadow:0 0 10px #0003;border-radius:10px;margin-top:1%;margin-bottom:5%}.app-header{font-size:18px}.app-content{font-size:16px}}