*{font-family:sans-serif}:root{--hover-color:lightblue}body{color:#333;background-color:#deb887;font-size:16pt;line-height:2}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.25}a{text-decoration:none}header{color:#00afff;background-color:#00008f;border-style:groove;border-radius:10vmin;justify-content:center;align-items:center;display:flex}article>h2{color:#9932cc}.select-memory{grid-template-columns:repeat(3,33%);display:grid}.select-memory :hover,.select-memory :focus{background-color:var(--hover-color)}@media (width>=768px){.select-memory{grid-template-columns:repeat(4,25%)}}@media (width>=1280px){.select-memory{grid-template-columns:repeat(5,20%)}}.memory-set{text-align:center;background-color:#f08080;border:1px solid #000;justify-content:center;align-items:center;display:grid}.memory-set img{width:100%}footer{background-color:#fafad2}#app{padding:1rem}.setup{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.setup .codeSection{box-sizing:border-box;justify-content:center;align-items:center;gap:10px;max-width:100%;font-size:2rem;display:flex}.setup .codeSection :hover,.setup .codeSection :focus{background-color:var(--hover-color)}.setup .codeSection *{font-size:inherit}.setup .codeSection input{max-width:150px}