*{box-sizing:border-box;scrollbar-width:none;text-decoration:none}body{color:#000;background-color:#fcfcfc;margin:0;padding:0;overflow-x:hidden}*{margin:0;padding:0;overflow-x:hidden}.navbar{z-index:1000;background-color:#34495e;justify-content:center;align-items:center;width:100%;max-width:100vw;height:6em;padding:1rem;display:flex;position:sticky;top:0;left:0}.topheading{color:#fff;font-size:xx-large}@media (max-width:560px){.navbar{padding:.5rem 1rem}}.grid td{cursor:pointer;border:1px solid #2679d8;width:25px;height:25px;padding:0}.grid{border-collapse:collapse;margin:20px auto}.start{background-color:#2ecc71}.target{background-color:red}.visited{background-color:#00f}.path{background-color:#ff0}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.item{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.drop,.rbtn{color:#fff;cursor:pointer;white-space:nowrap;background-color:green;border:1px solid #fff;border-radius:2rem;padding:.7rem 1rem;font-weight:700;transition:all .3s}.rbtn:hover{background-color:#035b03}.grid{border-collapse:collapse;max-width:100%}.shortpath{background-color:#ff0;width:25px;height:25px}.visitedpath{background-color:#5600ff;width:25px;height:25px}@media (max-width:768px){.controls{gap:.7rem}.drop,.rbtn{padding:.6rem .9rem;font-size:.9rem}.shortpath,.visitedpath{width:20px;height:20px}}@media (max-width:560px){.controls,.item{gap:.5rem}.drop,.rbtn{padding:.5rem .8rem;font-size:.85rem}.shortpath,.visitedpath{width:15px;height:15px}}