body { font-family: 'Poppins', sans-serif; overflow-x: hidden; min-height: 100vh; display: flex; flex-direction: column; align-content: center;}
.container{margin:0 auto; max-width: 800px;}
.container img{width: 100%;}
a{text-decoration: none;}
footer .nav{ display: flex; justify-content: center; flex-wrap: wrap; font-size: 14px; margin: 20px auto; }
footer .nav div { text-align: center; cursor: pointer; margin: 0 10px; }

/* Modal */
.mask { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.modal { background: #fff; padding: 1px 20px 20px 20px; border-radius: 8px; width: 90%; max-width: 500px; margin: 100px auto; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.modal h3{ line-height: 50px;}
.close { position: absolute; top: 2px; right: 15px; font-size: 24px; font-weight: bold; cursor: pointer; }