@font-face{font-family:Sunborn;src:url(/static/media/Sunborn-SansOne.e06920930f7863dfb492.otf)}@font-face{font-family:Intro Rust;src:url(/static/media/IntroRustG-Base2Line.d0a719efb5185d15948f.otf)}body,html{margin:0;padding:0}h1{color:#ed1d33;font-family:Sunborn;font-size:clamp(3rem,2.127rem + 2.324vi,4.75rem);margin:2rem 0}.app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center}.flavor-grid{grid-gap:2rem 0;box-sizing:border-box;display:grid;gap:2rem 0;grid-template-columns:repeat(2,minmax(100px,1fr));height:100%;margin:0 auto;padding-left:2rem;text-align:left;width:100%}.center{text-align:center}@media (max-width:756px){.grid{grid-template-columns:minmax(100px,1fr)}}.flex{display:flex}.flavor-input{border:1px solid #000;border-radius:.5rem;font-size:1.25rem;margin-right:2rem;padding:1rem;width:100%}input:focus{border:1px solid blue;outline:none}.flavor-item{border:1px solid #0000;border-radius:4px;color:#2d3590;font-size:clamp(1.75rem,1.9rem + 1.75vi,4rem);font-weight:800}.flavor-item .flavor-text{font-family:Intro Rust,sans-serif}.flavor-item span{padding-right:1rem}form{align-items:center;flex-direction:column;position:relative}.input-wrapper{margin:2rem auto 0;width:80%}.button-56,.input-wrapper{align-items:center;display:flex}.button-56{background-color:#351cc1;border:2px solid #0000;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.button-56,.button-56:after{border-radius:8px;height:48px}.button-56:after{background-color:#a1b5ee;content:"";display:block;left:0;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;width:100%;z-index:-1}.button-56:hover:after{transform:translate(0)}.button-56:active{background-color:#ffdeda;outline:0}.button-56:hover{outline:0}@media (min-width:768px){.button-56{padding:0 40px}}.default-btn{margin:0 auto}.gradient{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ff7e7e,#7293ff,#ff7a7a,#8387ff);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;justify-content:space-between}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.options{border:1px solid #000;border-radius:10px;margin-top:6rem;padding:1.5rem}.options h3{margin:0 0 1rem}.option{display:flex;flex-wrap:nowrap;justify-content:center;margin-top:.5rem;width:100%}
/*# sourceMappingURL=main.cbe87e56.css.map*/