@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&display=swap);@media screen and (min-width:800px){.grid{border:1px solid #000;margin-left:9%;margin-right:9%;width:"fit-content"}}.grid{background-color:#d1d1d8;border:1px solid #000;margin-left:8%;margin-right:8%;width:"fit-content"}.arrayBar{background-color:#eafcfb;display:inline-block;margin:0 1px;width:50px}nav{box-shadow:0 2.98256px 7.4564px #000}body{background-color:#d1d1d8}.img,.img1{height:30px;width:40px}.design{size:20px;background-color:#f0f8ff;font-family:Koulen,cursive;padding:5px;-webkit-text-decoration:double;text-decoration:double}img{height:30px;width:40px}.container{background-color:#343a40;border:3px solid red;display:flex;height:auto;justify-content:baseline;position:relative}.but,.but1{margin-right:10px}.but{position:relative;right:2%}.node{background-color:#e2d9d9;display:inline-block;outline:1px solid #fba214}@media screen and (min-width:800px){.node{background-color:#e2d9d9;display:inline-block;height:25px;outline:1px solid #fba214;width:25px}}.node-finish{background-color:#f91212}.node-start{background-color:#37bc37}.node-weight{background-color:#2b0681;border:3px solid red}.node-visited{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(238,17,17,.75)}75%{background-color:rgba(239,194,45,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(238,17,17,.75)}75%{background-color:rgba(239,194,45,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.node-wall{background-color:#000a11}.node-shortest-path{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes shortestPath{0%{background-color:#ec8e22;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#759804;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0adee1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#ec8e22;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#759804;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0adee1;-webkit-transform:scale(1);transform:scale(1)}}.pathfinding,.sorting{display:flex;flex-direction:column}.card{background-image:linear-gradient(#4f0303,#530404,#2a2a4a)}.img1,img{height:600px;padding:20px;width:100%}body{background-image:url(/static/media/background1.ac49a1573b19497848ed.jpg);background-repeat:no-repeat;background-size:cover}a{color:#015455;color:#ffebcd;font-family:Blaka,cursive;font-family:Koulen,cursive;font-family:Montserrat,sans-serif;text-align:center}a:hover{color:#0f8787;text-decoration:none}.main1{align-items:center;display:flex;flex-direction:row;justify-content:center}:root{--clr-primary-1:#063251;--clr-primary-2:#104e7a;--clr-primary-3:#1a6aa2;--clr-primary-4:#2d87c8;--clr-primary-5:#49a6e9;--clr-primary-6:#6ebef7;--clr-primary-7:#8bcbf9;--clr-primary-8:#a5d5f8;--clr-primary-9:#c5e5fc;--clr-primary-10:#ebf7ff;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--ff-primary:"Roboto",sans-serif;--ff-secondary:"Open Sans",sans-serif;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.2);--max-width:1170px;--fixed-width:620px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{color:#102a42;color:var(--clr-grey-1);font-family:Open Sans,sans-serif;font-family:var(--ff-secondary);font-size:.875rem;line-height:1.5}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{font-family:Roboto,sans-serif;font-family:var(--ff-primary);letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h4{font-size:.875rem}p{color:#617d98;color:var(--clr-grey-5);margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{padding:5rem 0}.section-center{margin:0 auto;max-width:1170px;width:90vw}@media screen and (min-width:992px){.section-center{width:95vw}}main{display:grid;min-height:100vh;place-items:center}li{margin-left:10px}nav{background:#222;background:var(--clr-black);box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:var(--dark-shadow)}.nav-header{display:flex;justify-content:space-between;padding:1rem}.nav-toggle{background:transparent;border-color:transparent;color:red;cursor:pointer;font-size:2rem;transition:all .3s linear;transition:var(--transition)}.nav-toggle:hover{color:pink;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.logo{height:40px;width:3px}.links button{color:#fff;display:block;font-size:1rem;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.5rem 1rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}.links button:hover{background:#a5d5f8;background:var(--clr-primary-8);color:#49a6e9;color:var(--clr-primary-5);padding-left:1.5rem}.social-icons{display:none}.links{height:0;overflow:hidden}.links,.links2{transition:all .3s linear;transition:var(--transition)}.links2{display:flex;height:auto}.links2 button{color:#fff;display:block;font-size:1rem;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.5rem 1rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}.links2 button:hover{background:#a5d5f8;background:var(--clr-primary-8);color:#49a6e9;color:var(--clr-primary-5);padding-left:1.5rem}.show-links{display:flex;flex-direction:column;height:15rem;justify-content:space-around}@media screen and (min-width:1000px){.nav-center{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1170px;padding:1rem}.nav-header{padding:0}.nav-toggle{display:none}.links{display:flex;height:auto}.links a{margin:0 .5rem;padding:0}.links a:hover{background:transparent;padding:0}.social-icons{display:flex}.social-icons a{color:#49a6e9;color:var(--clr-primary-5);margin:0 .5rem;transition:all .3s linear;transition:var(--transition)}.social-icons a:hover{color:#8bcbf9;color:var(--clr-primary-7)}}
/*# sourceMappingURL=main.91f5395f.css.map*/