:root{--bg:#a8dba8;--contrast:#79bd9a;--light:#cff09e;--dark:#204a4d;--dark-hover:#2c6b6f}body{font-optical-sizing:auto;background:var(--bg);color:var(--dark);font-family:Roboto Mono,monospace;font-style:normal;font-weight:400}.app{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.container{border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:430px;margin:40px auto;font-size:22px;display:flex}@media screen and (width>=640px){.container{font-size:18px}}.game-board{border:5px solid var(--light);text-align:center;grid-gap:5px;border-radius:5px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:305px;margin:0 auto;padding:5px;display:grid}.tile{background:var(--light);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.tile:hover{background:var(--contrast)}button{font-family:inherit;font-size:inherit;background:var(--bg);border:2px solid var(--dark);cursor:pointer;color:var(--dark);z-index:1;border-radius:5px;outline:none;padding:.3em .7em;transition:color .5s,background .5s}button:hover{color:var(--bg);background:var(--dark)}footer{background:var(--bg);flex-direction:column;justify-content:space-around;align-items:center;padding:30px 0;display:flex}.footer-icons a{margin:0 5px}.footer-message{margin-bottom:0;font-size:.6rem}a{color:var(--dark);text-decoration:none}a:hover{color:var(--dark-hover)}