*{font-family:sans-serif;box-sizing:border-box;color:#333}html,body{margin:0;padding:0}body{background-color:#fff}.container{display:flex;flex-direction:column;min-height:100vh}.header{height:144px;flex-shrink:0;padding:72px 0 24px;display:flex;justify-content:center;align-items:center;background:#192860}.header h1{margin:0;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:32px;font-weight:bold;color:#fff}.main{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:64px 0}.main ul.apps{display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0;list-style:none;gap:10.6666666667px}.main ul.apps li{display:flex;flex-direction:column;align-items:center;gap:24px;margin:0;padding:0;text-align:center;width:213.3333333333px}.main ul.apps li a{border-radius:24px;overflow:hidden}.main ul.apps li a:hover{box-shadow:0 4px 24px 0 rgba(0,0,0,.25)}.main ul.apps li a img{display:block;width:160px;height:160px}.main ul.apps li span{font-size:24px;font-weight:bold}.footer{height:80px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:16px;color:#c6c6c6}@media screen and (max-width: 640px){.header{height:90px;padding:45px 0 15px}.header h1{font-size:20px}.main{padding:40px 0}.main ul.apps{gap:0}.main ul.apps li{width:140px;gap:15px}.main ul.apps li a{border-radius:15px}.main ul.apps li a img{width:100px;height:100px}.main ul.apps li span{font-size:15px}.footer{height:50px}}@media screen and (max-width: 420px){.main ul.apps{flex-direction:column;gap:40px}}