:root{--main-color:#2329ae}@media (max-width:900px){.contact-container{align-items:center!important;display:flex;height:10vh!important;justify-content:center!important;text-align:center!important;width:40vw!important}}@media (max-width:1000px){.question-container{flex-wrap:wrap}}body{background:#fff;color:#2329ae;color:var(--main-color);font-family:Garet,sans-serif;height:100%;width:100%}h1{font-size:42pt;font-weight:400}.contact-container{display:flex;gap:20px;margin:25px;width:500px}.login-button-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.login-button{background-color:#2329ae;background-color:var(--main-color);border:none;color:#f0f8ff;height:30px;width:200px}.login-button:hover{background-color:#969696;border:none;color:#f0f8ff}.page{height:100vh;position:relative}.home-image{bottom:0;height:100%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0003);position:fixed;right:0;transform:scaleX(-1);width:100%;z-index:-1}.home{height:100%;position:relative;z-index:2}.selected-color{height:75px!important;width:75px!important}.home-title-2{color:#f0f8ff;font-size:25pt;text-align:left}.triangle{background-color:#067ce2;clip-path:polygon(0 0,100% 0,100% 20%,0 100%);height:100vh;left:0;opacity:95%;position:fixed;top:0;width:100vw;z-index:1}.home-container{justify-self:center;margin-top:50px;width:85%}.inner{width:65%}.home-nav{display:flex;flex-wrap:wrap;gap:10px;justify-self:right;margin-right:30px;margin-top:50px}.home-nav-child{background-color:#067ce2;box-shadow:0 2px 4px #000;color:#f0f8ff;font-family:Hanken Grotesk,sans-serif;font-size:16pt;height:30px;margin-bottom:0;padding:10px;text-align:center;text-decoration:none;width:200px}.home-title-container{display:flex;justify-content:center;margin-top:30px}.home-logo{height:150px;margin-left:30px;width:150px}.home-title{color:#fff;font-size:90pt;height:5vh;margin-bottom:50px;text-align:center}@media screen and (max-width:600px){.triangle{clip-path:polygon(0 0,100% 0,100% 30%,0 100%)}.home-title-container{align-items:center;display:flex;flex-direction:column-reverse}.home-title{font-size:45pt;margin-bottom:50px}.home-logo{height:75px;margin-left:25px;width:75px}.home-container{width:95%}.inner{width:75%}.home-title-2{color:#f0f8ff;font-size:13pt;text-align:left}.home-nav{flex-wrap:nowrap;gap:5px;margin:0 auto;transform:translateY(130px)}.home-nav-child{font-size:10pt;height:15px;width:110px}}@media screen and (max-width:400px){.home-nav-child{font-size:8pt;height:13px;width:85px}.home-title{font-size:40pt}}*{margin:0}.heading-container{display:flex;flex-direction:column;height:fit-content;margin:0 auto 20px;position:relative;transition:background-color .3s ease;width:100%!important;z-index:5}.heading-container,.heading-container:before{background-color:#067ce2;background-color:var(--attack-color,#067ce2)}.heading-container:before{content:"";inset:0;position:absolute;z-index:-1}.heading-container.attack-active:before{box-shadow:0 2px 4px var(--attack-color);filter:brightness(.4) saturate(2)}.title-container{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.title{color:#f0f8ff;font-size:clamp(4rem,4.5vw,5rem);font-weight:400}.title-logo{height:1.3em;margin-left:20px;transform:translateY(12px);width:1.3em}.a{display:flex;justify-content:center;margin-top:30px}.slogan{color:#d6d6ff;font-size:12pt!important;margin-top:10px;text-align:center;width:30vw}.demo-nav{align-items:center;align-self:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:15px;width:70vw!important}.demo-nav-child-2{background-color:initial;border:none;color:#f0f8ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:50px;text-align:center;width:140px}.demo-nav-child-2:hover{opacity:50%;-webkit-text-decoration:underline,#fff;text-decoration:underline,#fff}.line{background-color:var(--main-color);height:1px;margin-top:10px;width:200px}.next{background-color:#067ce2;border:none;border-radius:5px;color:#f0f8ff;float:right;height:30px;margin-right:100px;width:100px}.next:hover{background-color:#969696;border:none}.contact-container{color:var(--main-color)}.linkedin{height:25px;width:25px}.facebook{height:25px;width:15px}.instagram{height:25px;width:25px}@media screen and (max-width:600px){.slogan,.title-logo{display:none}}.container{align-items:flex-start;border-radius:20px;display:flex;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;gap:2rem;height:90vh;justify-content:space-evenly;margin:5px auto 0;padding:10px 0;position:relative;width:85%}.bg-image{bottom:0;height:100%;object-fit:cover;position:fixed;right:0;width:100%;z-index:-1}.site-header{color:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.demo-panel{background-color:#fff;border:2px solid #bdccda;border-radius:20px;box-shadow:0 2px 4px #99bedf;height:100px;justify-content:center;justify-self:center;width:50%}.demo-panel,.value-prop-1{align-items:center;display:flex}.value-prop-1{left:50%;margin-top:15px;padding:10px;position:absolute;top:8%;width:45%;z-index:3}.tiedyebg{background:radial-gradient(circle at 30% 30%,#fff,#0000 80%),radial-gradient(circle at 70% 40%,#acedff33,#0000 80%),radial-gradient(circle at 40% 70%,#fff,#0000 80%),radial-gradient(circle at 70% 80%,#b8ffff33,#0000 80%),linear-gradient(135deg,#b5e5ff,#cef0ff 40%,#ccf2ff)}.value-prop-3{align-items:center;display:flex;left:6%;padding:10px;position:absolute;top:54%;width:45%;z-index:4}.coloranti-generator{height:35vh;left:0;margin-top:15px;top:5%}.coloranti-generator,.coloranti-results{background-color:#fff;border:2px solid #bdccda;border-radius:20px;box-shadow:0 2px 4px #99bedf;display:flex;flex-direction:column;padding:15px;position:absolute;width:45%;z-index:3}.coloranti-results{height:40vh;left:50%;overflow-y:auto;top:47%}.card{background-color:var(--panel);border:2px solid #bdccda;border-radius:20px;box-shadow:0 2px 4px #99bedf;color:#000;display:flex;flex-direction:column;font-size:.9rem;font-weight:700;height:30vh;padding:10px;text-align:center;width:40%}.card-heading{font-size:28pt;margin-bottom:10px;text-align:center}.header{color:#000;font-weight:700;font-weight:600;text-align:left}.demo-heading,.demo-heading-R{color:#000;font-size:1.5em;font-weight:400;margin-bottom:30px;text-align:center}.demo-input-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3px}.demo-button{background-color:#067ce2;border:none;border-radius:5px;color:#f0f8ff;height:30px;margin-top:15px;width:200px}.demo-button:hover{background-color:#969696;border:none;color:#f0f8ff}.color-text{border-radius:20px;font-size:x-large;height:50px;text-align:center;width:300px}.results-container{border:2px solid #000;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2vh;max-width:100%;min-height:20vh;width:40vw}.demo-result{border:2px solid #000;border-radius:12px;color:var(--main-color);height:25px;margin:5px;width:25px}.demo-result-container{align-items:center;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:70vw}.demo-result-lang{gap:5vw;margin-bottom:1rem;margin-top:10px}@media screen and (max-width:600px){.container{height:95vh;width:100%}.card-heading{font-size:16pt}.demo-heading,.demo-heading-R{color:#000;font-size:.6em;margin-bottom:5px;text-align:center}.demo-input-container{flex-direction:column;margin:auto 0}.demo-result{height:15px;width:15px}.color-text{font-size:small;height:25px;width:115px}.demo-button{width:175px}.coloranti-generator{height:28vh;justify-content:flex-start;left:2%;width:38%}.coloranti-results{gap:5vh;height:28vh;margin:0;overflow-x:hidden;top:38%;width:40%}.card{font-size:.5em;height:25vh;width:36%}.demo-line{margin:0 2px}.value-prop-1{left:53%}.value-prop-3{left:4%;top:43%}.demo-button{font-size:.7em;height:28px;width:150px}}@media screen and (max-width:380px){.color-text{width:120px}.demo-button{font-size:.7em;height:30px;width:120px}}:root{--bg:#fbfbfd;--panel:#fff;--muted:#667;--accent:#3b82f6;--radius:14px;--maxw:1024px}.comp_container{align-items:center;color:#0b1220;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0 auto;max-width:1024px;max-width:var(--maxw);overflow:hidden;position:relative}.bg-overlay{background-color:initial;background-color:var(--attack-color,#0000);height:100%;left:0;mix-blend-mode:multiply;opacity:1;position:fixed;top:0;width:100%;z-index:1}.app{padding:24px}.topnav{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.topnav a{color:#111;font-weight:600;text-decoration:none}.topnav a.right{color:#3b82f6}.site-header{margin-bottom:18px;position:relative;text-align:center;z-index:2}.site-header h1{margin:0}.site-header .tagline{color:#667;color:var(--muted)}.panel{background:#fff;background:var(--panel);border-radius:14px;border-radius:var(--radius);box-shadow:0 6px 18px #14141e0d;margin-bottom:18px;padding:18px;position:relative;z-index:2}h2{margin-bottom:25px;margin-top:10px;text-align:center}.attack{background:#fbfbfb;border:1px solid #eee;border-radius:10px;flex:1 1;overflow:hidden;padding:12px;transition:all .35s ease}.attack h3{margin:0 0 6px}.attack.has-selection.selected{background-color:#0000001a;border-left:6px solid var(--attack-color);flex:3 1;padding:24px}.attacks{align-items:stretch;display:flex;flex-direction:row;gap:12px;max-height:28vh;width:100%}.attack.has-selection.unselected{flex:0.7 1;opacity:.75}.attack.has-selection.unselected h3{opacity:1}.attack.has-selection.unselected .example{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0}.example{color:#667;color:var(--muted);margin:0}.expanded-example{background:#ffffff1f;border-radius:8px;line-height:1.4;margin-top:12px;opacity:0;padding:12px 14px}.attack.has-selection.selected .expanded-example{opacity:1}.lang-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.lang-row{align-items:center;gap:12px;justify-content:space-between}.lang-row,.preview{display:flex;flex-wrap:wrap}.preview{gap:6px;margin:10px 0}.color-block{border:1px solid #0000000f;border-radius:6px;height:25px;width:25px}.btn{background:#3b82f6;background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.btn.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#111}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}thead th{background:#f7f7fb;font-size:13px;padding:8px;text-align:left}tbody td{border-top:1px solid #f0f0f3;padding:10px}.demo-footer{color:#999;margin-top:20px;position:relative;text-align:center;z-index:2}@media screen and (max-width:600px){.site-header h1{font-size:28pt;margin-bottom:8px;position:relative;text-align:center;z-index:2}h2{font-size:12pt;margin-bottom:15px;margin-top:10px;text-align:center}.comp_container{font-size:.8rem;width:85%}.attack{overflow:none;padding:2px}.attacks{max-height:fit-content;text-align:center}.expanded-example{margin-top:2px;padding:2px 4px}.attack.has-selection.unselected{display:none}}
/*# sourceMappingURL=main.f14d0ae2.css.map*/