@import url(https://use.fontawesome.com/releases/v5.0.10/css/all.css);@import url(https://fonts.googleapis.com/css?family=Lato:300);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat+Subrayada:wght@400;700&display=swap);*{margin:0;padding:0;list-style:none;text-decoration:none}.header_container{position:fixed;top:0;height:90px;width:100%}.top_header{height:2.8em;background-color:#f5c342}.bottom_header,.top_header{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.bottom_header{height:3.2em;background-color:#f9d677;border-bottom:2px solid #000;z-index:100}.logo_holder{width:220px;height:100%;padding-left:2%;display:flex;justify-content:center;align-items:center}.logo_holder h1{display:flex;height:100%;font-size:1.6em;font-weight:400;font-family:"Montserrat",sans-serif;padding-top:10px}.logo_holder h1 span{font-weight:700;justify-content:center}.logo_holder img{padding-top:.3em;padding-left:.8em}.top_button{width:50%}.header_item{display:flex;justify-content:center}.navigation{flex-grow:1;height:100%;padding-right:20px}.navigation a{height:100%;display:table;float:left;padding:0 15px}.navigation a li{display:table-cell;vertical-align:middle;font-size:21px;font-weight:400;color:#000;font-family:"Fira Sans Extra Condensed",sans-serif}.piece_selected{background-color:#f5c342!important}.easter_hide{visibility:hidden}.piece_select{display:flex;align-items:center;height:30px;flex-shrink:0;padding-left:15px}.piece_select span{display:table}.piece_select button{cursor:pointer;background-color:#f9d778;border:.1em solid #000;margin:0 0 0 .2em;border-radius:.5em;padding:.5em 0 .16em;outline:none;font-family:"Century Gothic";transform:scale(.9)}.piece_select h1{font-size:18px;font-weight:300;padding-right:15px;font-family:"Fira Sans Extra Condensed",sans-serif}.algo_select{display:flex;align-items:center;width:320px;height:30px;flex-shrink:0}.algo_select h1{font-size:18px;padding-right:15px;font-weight:300;font-family:"Fira Sans Extra Condensed",sans-serif}.selectdiv{position:relative;display:table-cell}.footer,.selectdiv{vertical-align:middle}.footer{position:fixed;bottom:0;background-color:#f5c342;height:1.75em;width:100%;color:#000;font-size:21px;font-weight:400;font-family:"Fira Sans Extra Condensed",sans-serif;border-top:2px solid #000;padding-top:4px;text-align:center}.heart{color:red}.node{width:1.111vw;height:1.111vw;box-shadow:inset 0 1px 0 #bdbdbd,inset 1px 0 0 #bdbdbd,inset 0 1px 0 #bdbdbd;background-color:snow}.node,.node-color{outline:0 solid #bdbdbd;display:inline-block}.node-color{background-color:#e8e8e8;border-top:1px #000}.node-finish{background-color:red;margin:0;padding:0}.node-start{background-color:green;margin:0;padding:0}.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(.5);background-color:rgba(66,0,0,.75);border-radius:100%}50%{background-color:rgba(217,17,17,.75)}75%{transform:scale(1.2);background-color:rgba(255,135,65,.75)}to{transform:scale(1);background-color:rgba(255,196,70,.75)}}.node-wall{animation-name:wallAnimation;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:backwards;animation-play-state:running;background-color:#0c3547}@keyframes wallAnimation{0%{transform:scale(.3);background-color:#0c3547}50%{transform:scale(1.2);background-color:#0c3547}to{transform:scale(1);background-color:#0c3547}}.prev-wall{animation-name:inverseWallAnimation;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:backwards;animation-play-state:running}@keyframes inverseWallAnimation{to{transform:scale(.3);background-color:#0c3547}50%{transform:scale(1.2);background-color:#0c3547}0%{transform:scale(1);background-color:#0c3547}}.node-shortest-path{animation-name:shortestPath;animation-duration:2s;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:red}50%{transform:scale(1.2);background-color:red}to{transform:scale(1);background-color:red}}.grid{z-index:100;margin-top:120px;display:grid;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none}.row{display:flex}.body{background-color:#cfcfcf;width:100%;height:100%}.current{font-size:15px;font-weight:300;font-family:"Montserrat",sans-serif;padding-top:5px}.App{text-align:center}
/*# sourceMappingURL=main.7f56eaa9.chunk.css.map */