body{align-items:center;background:linear-gradient(135deg,#f5f1e8,#e8dcc6);display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;min-height:100vh;box-sizing:border-box}#root{display:flex;padding:0 20px 40px;flex-direction:column;align-items:center;background-color:#fff;box-shadow:0 8px 25px #00000026;box-sizing:border-box;min-height:100vh}@media (min-width: 768px){#root{width:50vw}}.levelDescription{align-self:flex-start;font-style:italic}form,.mainInput{display:flex;width:100%}.mainInput span{align-self:center;font-family:monospace;font-size:2rex}.mainInput input{font-size:2rex;flex-grow:1;padding:.75em 1ex;box-sizing:border-box;font-family:monospace;letter-spacing:.1em}.goal{font-size:3rex;margin:1rem}.goal span{font-family:monospace}.win span{font-size:5rex;color:#adff2f}.lose{display:flex;margin-top:10px;align-items:flex-start;width:100%}.reductions{flex:1;display:flex;flex-direction:column}.reductions td{font-family:monospace;font-size:2.5rex}.spacer{flex-grow:1}.allowed{display:flex;flex-direction:column;background-color:#4a90e2;border-radius:12px;padding:20px;width:50%}.allowed h1{font-size:larger;padding:0 0 10px}.allowed span{font-family:monospace;font-size:2rex}.nextPrev{display:grid;width:100%;grid-template-columns:repeat(3,1fr)}.nextPrev *{display:block;border-radius:15px;background-color:#f5f1e8;margin:15px;padding:15px;text-decoration:none}.nextPrev .prev{justify-self:start;grid-column:1}.nextPrev .home{justify-self:center;grid-column:2}.nextPrev .next{justify-self:end;text-align:end;grid-column:3}.levels{display:grid;width:100%;grid-template-columns:repeat(3,1fr)}@media (min-width: 768px){.levels{grid-template-columns:repeat(5,1fr)}}.levels>*{background-color:beige;border-radius:15px;text-align:center;padding:15px;margin:15px}.levels .practice{grid-column-start:1;grid-column-end:4}@media (min-width: 768px){.levels .practice{grid-column-end:6}}