.body{margin:auto}table{width:100%;border-collapse:collapse;background:rgb(94,63,81);background:linear-gradient(0deg,rgba(94,63,81,1) 0%,rgba(32,31,30,1) 100%);margin:auto}h1,p{font-size:1.5 rem;font-weight:700;text-transform:uppercase;color:#fff;text-align:center;padding-left:auto}.input-n{display:flex;justify-content:center}.button-1{background-image:linear-gradient(0deg,rgba(94,63,81,1) 0%,rgba(32,31,30,1) 100%);border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter UI,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;height:4rem;padding:0 1.6rem;text-align:center;text-shadow:rgba(0,0,0,.25) 0 3px 8px;transition:all .5s;touch-action:manipulation}.button-1:hover{box-shadow:#5e3f51 0 1px 30px;transition-duration:.1s}@media (min-width: 768px){.button-1{padding:0 2.6rem}}caption,th,td{padding:1rem}caption,th{text-align:left}caption{font-size:1.5 rem;font-weight:700;text-transform:uppercase}th{background:hsl(0 0% 0% / .5)}tr:nth-of-type(2n){background:hsl(0 0% 0% / .1)}@media (max-width: 650px){table{margin:0}th{display:none}td{display:grid;gap:.5rem;grid-template-columns:30ch auto;padding:.5rem 1rem}td:first-child{padding-top:2rem}td:last-child{padding-bottom:2rem}td:before{content:attr(data-cell)":";font-weight:700;text-transform:capitalize}td:nth-of-type(1):before{content:"Real"}td:nth-of-type(2):before{content:"Diámetro km"}td:nth-of-type(3):before{content:"Distancia en millones de km"}td:nth-of-type(4):before{content:"Tamaño a escala en mm"}td:nth-of-type(5):before{content:"Distancia a escala en m"}.table2 td{grid-template-columns:20ch auto}.table2 td:nth-of-type(1):before{content:"Referencia"}.table2 td:nth-of-type(2):before{content:"Centímetros"}.table2 td:nth-of-type(3):before{content:"Milímetros"}}.main-container{height:calc(100vh - 180px);background:rgb(24,23,23)}