html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.grid{display:flex;justify-content:center;align-items:center;height:auto}.grid>table{width:100vw;height:auto;overflow:auto;margin:20px;border-spacing:0px}.grid>table>tr{height:20px;gap:0}.grid>table>tr>td{height:20px;width:20px;border:2px solid #add8e6;gap:0}.grid>table>tr>td>i{display:flex;justify-content:center;align-items:center;padding-top:3px}.nav{overflow:hidden;background-color:#00ac81;display:flex;justify-content:space-between}.main-link{margin-top:5px;align-items:center;justify-content:center}.nav a{float:left;color:#fff;text-align:center;padding:15px;text-decoration:none;font-size:21px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.nav a:hover{color:#0c738d}.nav>button{margin:15px;padding:10px 10px;background-color:#0c738d;color:#fff;text-decoration:none;display:inline-block;border:none;border-radius:5%;font-size:15px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;cursor:pointer}.resetBoard,.placePortals,.clearBoard,.generateMaze{background-color:#00ac81 !important}.dropbtn{background-color:#00ac81;color:#fff;padding:16px;margin:0px 10px;font-size:16px;border:none;cursor:pointer;height:100%;font-size:15px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.dropbtn:hover{background-color:#0c738d}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:fixed;background-color:#00ac81;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);z-index:2}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;font-size:15px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.dropdown-content a:hover{background-color:#0c738d;color:#fff}.show{display:block}#node-key{overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:20px 100px;background-color:#fff;z-index:1}#node-key img{height:18px;width:18px;border-radius:10%}.key-text{padding-left:10px}#node-key div{display:flex;align-items:center}#directions{padding:25px}#directions p{padding:5px;font-size:18px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.visited-anim{background-color:#90ee90;animation-name:visited;animation-duration:.5s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visited{0%{transform:scale(0.3);background-color:#ffb6c1}33%{transform:scale(0.7);background-color:#ffb6c1}67%{transform:scale(1.2);background-color:#ffb6c1}}.shortest-path{background-color:#ff0}#stats-p{padding-left:30px;font-size:20px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}#links img{height:35px;width:35px;padding:10px}#links{padding-top:10px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#00ac81;margin:15% auto;padding:20px;border:1px solid #888;width:50%;border-radius:2%}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content h1{color:#fff;font-size:21px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;padding-bottom:10px}#steps div{color:#fff;font-size:18px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;padding-bottom:10px}#myBtn{padding:20px;border:none;background-color:#00ac81;color:#fff;font-size:18px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;cursor:pointer;border-radius:5%}

/*# sourceMappingURL=main.css.map*/