body{align-items:center;display:flex;height:90vh;justify-content:center}.board{grid-gap:0;display:grid;gap:0}.element{border:1px solid #fff;padding:10px}.element:hover{border:1px solid #000;cursor:pointer;padding:10px}#selected{background-color:#473c33}#unselected{background-color:#fff}#source{background-color:#fda769}#destination{background-color:#abc270}#visited{background-color:#fec868;transition:background-color .2s ease-out}#path{background-color:#00abb3;transition:all .5s ease-in}.button{background-color:#abc270;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:4px 2px;padding:10px;text-align:center;text-decoration:none}.button:hover,button{background-color:#4caf50}button{border:none;border-radius:5px;box-shadow:0 8px 16px 0 hsla(0,0%,100%,.699),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:20px;text-align:center;text-decoration:none}#header{align-items:baseline;display:flex;font-family:Arial,Helvetica,sans-serif;margin-top:80px}@media (max-width:980px){#header{margin-top:0}body{height:100vh}button{background-color:#4caf50;border:none;color:#fff;display:inline-block;font-size:16px;margin:4px 8px;padding:30px;text-align:center;text-decoration:none}}.Buttons{display:flex;gap:20px;margin-top:20px}#info{font-family:Arial,Helvetica,sans-serif;font-weight:700}#info:hover{color:#abc270;cursor:pointer;transition:All .2s ease-out}a{text-decoration:none}.box{background:hsla(0,0%,100%,.2);background-clip:padding-box;border:2px solid #fff;border-radius:20px/50px;font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:3px;text-align:center;width:40%}.overlay{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s;visibility:hidden}.overlay:target{opacity:1;visibility:visible}.popup{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;transition:all 5s ease-in-out;width:30%}.popup,.popup h2{font-family:Arial,Helvetica,sans-serif}.popup h2{color:#333;margin-top:0}.popup .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px;transition:all .2s}.popup .close:hover{color:#abc270}.popup .content{max-height:30%;overflow:auto}@media screen and (max-width:700px){.box,.popup{width:70%}}
/*# sourceMappingURL=main.507faa31.css.map*/