*{margin: 0;padding: 0;box-sizing: border-box;}
html{background: url(https://wallpapers.com/images/hd/dark-texture-background-1ww1corpzr0l0sji.jpg) 50% 50%;background-size: cover; background-attachment: fixed;scrollbar-width: none;}
body{background: linear-gradient(to bottom, #4246, #000);color: #ccc;font-family: sans-serif;text-align: center;display: block;flex-direction: row;flex-wrap: wrap;padding: 50px 0 100px;align-items: start;max-width: 700px;margin: 0 auto;box-shadow: 0 0 20px #ccc;}
main{display: flex;flex-direction: row;width: 100%;justify-content: center;min-width: 1480px;height: 100vh;align-items: center;}
/* table{max-width: 100%;border-collapse: collapse;min-width: 1200px;} */
table{max-width: 500px;font-size: 1.4rem;margin:0 auto;}
p{margin-bottom: 60px;padding: 0 40px;}
ul,ol{text-align: left;max-width: 600px;margin: 20px auto 60px;padding-left: 60px;}
li{padding: 6px 0;}
a{background-color: indianred;color: #000;font-weight: bold;text-decoration: none;padding: 0 10px 2px;border-radius: 4px;line-height: 1.2rem;}
strong{background: indianred;color: #000;}
h1,h2,h3{background: purple;color: white;font-family: fantasy;opacity: 0.85;}
th{background: burlywood;color: black;}
td{font-family: monospace;text-align: center;width: 12%;border: solid 1px;min-height: 100px;padding: 0px 0px;}
td:nth-of-type(7n+8){background: #fff9;color: red;font-size: 12pt;}
.hlt{background: chartreuse;color: crimson;font-weight: bold;}
input{display: block;width: 100%;}
table img{max-width: 100%;}
main>div{min-width: 400px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
/* main>div>img{height: 90vh;} */
article>div{max-height: 55vh;}
@media screen and (max-width:480px) {
    article>div{min-width: 90%;min-height: 80vh;}
}
@media screen and (min-width:481px) and (max-width:768px) {
    article>div{min-width: 50%;min-height: 70vh;}
}