body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:#f5f3f3;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.header{align-items:center;display:flex;height:8%;justify-content:center}#animateText{-webkit-text-fill-color:hsla(0,0%,100%,0);-webkit-animation:animate 6s linear infinite;animation:animate 6s linear infinite;background:linear-gradient(90deg,#000,red,#000);background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-size:80%;font-family:sans-serif;font-size:5rem;font-weight:700;letter-spacing:1vw;margin:.5%;text-transform:uppercase}@media only screen and (max-width:655px){#animateText{font-size:3rem}}@media only screen and (max-width:421px){#animateText{font-size:2.5rem}}@-webkit-keyframes animate{0%{background-position:-500%}to{background-position:500%}}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}.main-container{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);margin-left:10%;margin-top:50px;width:80%}.cards{margin-bottom:30px;width:100%}.card{box-shadow:0 0 6px 6px #bdbdbd;transition:1s}.card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.algo-links{text-decoration:none}.card-img{height:150px;margin:10px;width:90%}.card-body,.card-title{background-color:#7fffd4}.card-title{color:#f84444;text-align:center}@media (max-width:1070px){.main-container{grid-template-columns:repeat(2,1fr);margin-left:5%;width:90%}.cards{padding:1rem;width:100%}}@media (max-width:533px){.card-title{font-size:medium}}@media (max-width:475px){.main-container{grid-template-columns:repeat(1,1fr);margin-left:5%;width:90%}}.main-div{border:2px solid #000;margin-bottom:2rem;margin-left:10%;margin-top:20px;width:80%}.main-div .header-div{text-align:center}.bubble-sort{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);padding:.5rem}.left header .header-button{margin-right:10px}.left,.right{padding:1.5rem}.algo-desc{margin:1rem 0}.display-algo,.ip-arr{width:100%}.header-btn{margin-bottom:1.5rem}.visualizer{display:flex;flex-direction:row;justify-content:space-evenly}.array-element{background-color:#d4d4d4;border:1px solid #000;padding:.5rem}#new-array-btn{display:flex;justify-content:center;margin-top:2rem}@media (max-width:1261px){.bubble-sort{grid-template-columns:repeat(1,1fr)}.left{order:1;padding:1.5rem}.left,.right{font-size:.75rem;margin-bottom:0}.right h5{font-size:1rem}}@media (max-width:880px){.ip-arr-text{width:100%}}@media (max-width:480px){.left,.right{padding:.5rem}.ip-arr-text{font-size:.75rem}}@media (max-width:436px){.left,.right{margin-left:5%;width:80%}}@media (max-width:414px){.header-button{font-size:.7rem}.ip-arr-text{font-size:.6rem}}.navbar{margin-left:10%;padding:1rem;width:80%}.link-list{align-items:center;display:flex;list-style:none}.link-list li{margin-right:2rem;padding:.75rem}.nav-links{font-size:1rem;text-decoration:none}.icons{align-items:center;display:flex;justify-content:space-between}.home-icon{margin-right:1rem;width:1.5rem}.hamburger{display:none}.bar{background-color:#101010;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}@media only screen and (max-width:815px){.icons{width:100%}.link-list{display:none}.active1{box-shadow:0 10px 27px rgba(0,0,0,.05);box-sizing:border-box;display:block;display:flex;flex-direction:column;position:absolute;text-align:center;top:.5rem;transition:.3s;width:100%;z-index:10}.active1 li{border-bottom:1px solid gray;border-left:2px solid #000;border-right:2px solid #000;width:100%}.nav-links{margin:2.5rem 0}.hamburger{cursor:pointer;display:block;z-index:11}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}
/*# sourceMappingURL=main.4921c999.css.map*/