.body{margin:auto}table{border-collapse:collapse;background:linear-gradient(#201f1e 0%,#5e3f51 100%);width:100%;margin:auto}h1,p{font-size:1.5 rem;text-transform:uppercase;color:#fff;text-align:center;padding-left:auto;font-weight:700}.input-n{justify-content:center;display:flex}.button-1{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;text-shadow:0 3px 8px #00000040;touch-action:manipulation;background-image:linear-gradient(#201f1e 0%,#5e3f51 100%);border-radius:8px;flex-shrink:0;height:4rem;padding:0 1.6rem;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;transition:all .5s}.button-1:hover{transition-duration:.1s;box-shadow:0 1px 30px #5e3f51}@media (width>=768px){.button-1{padding:0 2.6rem}}caption,th,td{padding:1rem}caption,th{text-align:left}caption{font-size:1.5 rem;text-transform:uppercase;font-weight:700}th{background:#00000080}tr:nth-of-type(2n){background:#0000001a}@media (width<=650px){table{margin:0}th{display:none}td{grid-template-columns:30ch auto;gap:.5rem;padding:.5rem 1rem;display:grid}td:first-child{padding-top:2rem}td:last-child{padding-bottom:2rem}td:before{content:attr(data-cell)":";text-transform:capitalize;font-weight:700}td:first-of-type: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:first-of-type: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{background:#181717;height:calc(100vh - 180px)}