@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&display=swap);:root{--background-color:#101820;--start-color:green;--end-color:red;--wall-color:#0c3547;--shortest-path-color:#fee715;--visited-color:#00beda;--white-color:#fff}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#101820;background-color:var(--background-color);min-width:1700px}.container{height:100vh;padding:20px}.flex{display:flex;justify-content:space-around}.left-content h1{text-align:center;font-family:"Montserrat",sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;color:#fee715;color:var(--shortest-path-color)}.right-content{height:90%;display:flex;flex-direction:column;justify-content:center}.informations{font-size:16px;text-align:center;font-family:"Merriweather",sans-serif;color:#fff;color:var(--white-color)}.informations i{font-size:34px}.informations p{margin-top:10px}.informations p a{text-decoration:none;color:#fee715;color:var(--shortest-path-color)}.informations p a:hover{text-decoration:underline}.legend{margin-top:50px;display:flex;flex-direction:column;font-family:"Montserrat",sans-serif;font-weight:700;color:#fff;color:var(--white-color)}.legend-one,.legend-two{display:flex;justify-content:space-around}.legend-two{margin-top:20px}.legend-one>div,.legend-two>div{display:flex;align-items:center}.node-legend{margin:0 10px 0 0}.start{background-color:green;background-color:var(--start-color)}.end{background-color:red;background-color:var(--end-color)}.wall{background-color:#0c3547;background-color:var(--wall-color)}.shortest-path{background-color:#fee715;background-color:var(--shortest-path-color)}.visited{background-color:#00beda;background-color:var(--visited-color)}.btn{display:flex;flex-direction:column;width:40%;margin:50px auto}.btn button{padding:14px;border-radius:4px;font-size:18px;font-family:"Montserrat",sans-serif;font-weight:700;cursor:pointer;outline:none}.btn-clear{margin:10px 0 0;background-color:#fee715;background-color:var(--shortest-path-color)}.socials{width:50%;margin:0 auto;padding:20px;display:flex;justify-content:space-between}.socials a{margin-top:100px;color:#fff;font-size:34px;transition:.2s ease-out}.socials a:hover{color:#fee715;color:var(--shortest-path-color)}.grid{margin:20px 0;background-color:#fff;background-color:var(--white-color);border-collapse:collapse}.grid-title{text-align:center}@media screen and (max-height:800px){.right-content{height:120%}}.node{width:25px;height:25px;outline:1px solid #212529;display:inline-block}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75)}75%{transform:scale(1.2);background-color:rgba(0,217,159,.75)}to{transform:scale(1);background-color:rgba(0,190,218,.75)}}.node-wall{background-color:#0c3547}.node-shortest-path{animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes shortestPath{0%{transform:scale(.6);background-color:#fee715}50%{transform:scale(1.2);background-color:#fee715}to{transform:scale(1);background-color:#fee715}}
/*# sourceMappingURL=main.4e11e48d.chunk.css.map */