@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);.custom-button{border-radius:.5rem;font-size:.7rem;font-weight:700;padding:.5rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toast-wrapper{align-items:center;border-radius:.4rem;display:flex;gap:1rem;padding:1rem;position:absolute;right:1rem;top:2rem;z-index:2}.toast-message{font-size:.8rem;font-weight:500;text-transform:capitalize}.dialog-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;left:50%;position:absolute;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90vw;z-index:1}.dialog-actions select{background-color:#34495e;border:none;color:#fff;font-family:inherit;font-weight:700;padding:.5rem;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dialog-actions select:focus{outline:none}.bttn-container{align-items:center;display:flex;gap:1rem}.visualizer{background-color:#2b353b;height:100vh;position:relative}.visualizer-options{color:#fff;left:1rem;position:absolute;top:1rem}.navbar{background-color:#000;box-sizing:border-box;color:#fff;margin:1rem auto;padding:1.5rem;width:80%}.nav-list{list-style-type:none;margin:0;padding:0;text-transform:capitalize}.nav-list1,.nav-list2{align-items:center;display:flex;justify-content:space-between}.nav-list2{gap:1rem}.nav-heading{cursor:-webkit-grabbing;cursor:grabbing;font-family:DynaPuff,cursive;font-size:2rem}.nav-links{color:#d0d0d0;font-weight:500}main{display:flex;flex-direction:column;font-family:DynaPuff,cursive;gap:8rem;margin-top:10rem}.motto{font-size:3rem;font-weight:600;line-height:2cm;margin:auto;text-align:center;width:80%}.features{align-items:center;display:flex;flex-direction:column;margin-bottom:.5in}.feature-container{display:flex;width:90%}.feature-name{align-self:center;font-size:5vw;width:40%}.feature-description{font-size:1.5rem;line-height:5rem;width:60%}.bttn-getStarted{background:#00b4db;background:linear-gradient(90deg,#0083b0,#00b4db);border-radius:1rem;box-shadow:0 4px 10px 0 #f5f5f5;color:#fff;font-family:Poppins,sans-serif;font-size:3rem;margin:auto;padding:1.5rem;text-transform:uppercase}.redirectLinks{display:flex;flex-wrap:wrap;justify-content:space-around}.device-view{background-color:#000;border-radius:2rem;box-shadow:0 0 5px 0 grey;box-sizing:border-box;font-family:Poppins,sans-serif;height:80vh;margin:auto;min-height:5in;min-width:8in;padding:1.2rem;width:60vw}.screen{background-color:#131111;border-radius:.9rem;width:100%}.drawer,.screen{display:flex;height:100%}.drawer{border-bottom-left-radius:inherit;border-right:1px solid #f5f5f5;border-top-left-radius:inherit;flex-direction:column;overflow:hidden;position:relative}.drawer-logo{border-bottom:1px solid #f5f5f5;border-top-left-radius:inherit;box-sizing:border-box;padding:.5rem;text-align:end;width:100%}.drawerList{border-bottom-left-radius:inherit;height:100%;list-style:none;margin:0;padding:0}.list-element{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0);transition:all .1s cubic-bezier(.165,.84,.44,1)}.list-element a{display:inline-block;padding:1.5rem .5rem;width:100%}.list-element:hover{background-color:#4b616c;-webkit-transform:scale(1.1) translateX(2px);transform:scale(1.1) translateX(2px)}.profiles{align-items:center;bottom:1rem;display:flex;gap:.5rem;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.screen-layout{box-sizing:border-box;color:#fff;display:flex;gap:1rem;height:100%;padding:.5rem 0 .5rem .5rem;width:100%}.screen-content{overflow-y:auto;padding-right:.5rem}.screen-content::-webkit-scrollbar{background-color:gray;border-radius:1rem;width:5px}.screen-content::-webkit-scrollbar-thumb{background-color:#f5f5f5;border-radius:1rem}.content-wrapper{display:flex;flex-direction:column;gap:1.5rem}.container-wrapper{display:flex;flex-direction:column;gap:.5rem}.content-heading{color:#9fa8da;font-size:2rem;text-transform:uppercase}.content-description{font-size:.9rem;line-height:1.7rem;word-spacing:.3rem}.rotatingGrid{height:4in}.white-text{color:#fff}.cyan-text{color:#3ce9e3}.green-text{color:#6bd968}.yellow-text{color:#fecc1b}.bump-fontSize{font-size:3rem}:root{--bgcolor:#515a5a}body,html{overflow-x:hidden}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}body::-webkit-scrollbar{display:none}.App{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:inherit}.tooltip{font-size:.8rem;position:relative;text-align:center}.tooltip:hover:after,.tooltip:hover:before{--scale:1}.tooltip:after,.tooltip:before{--scale:0;bottom:50%;left:50%;position:absolute;transition:.2s ease-in}.tooltip:before{border:10px solid transparent;border-bottom:10px solid var(--bgcolor);content:"";-webkit-transform:translateY(100%) translateX(-50%) scale(var(--scale));transform:translateY(100%) translateX(-50%) scale(var(--scale));-webkit-transform-origin:bottom center;transform-origin:bottom center;z-index:3}.tooltip:after{background-color:#515a5a;background-color:var(--bgcolor);border-radius:.2rem;content:attr(data-content);padding:.2rem;-webkit-transform:translateY(calc(100% + 20px)) translateX(-50%) scale(var(--scale));transform:translateY(calc(100% + 20px)) translateX(-50%) scale(var(--scale));-webkit-transform-origin:top center;transform-origin:top center;width:-webkit-max-content;width:max-content}
/*# sourceMappingURL=main.eecd51a7.css.map*/