@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;700&display=swap);:root{--font-family:"Sora",sans-serif}html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}.color-transition{transition:background-color .6s ease,color .3s ease}.navbar{align-items:center;display:flex;font-size:2rem;justify-content:space-between;padding:2rem 6rem}.navbar__logo{cursor:pointer;font-weight:700;margin-left:1rem}.navbar__links{cursor:pointer;display:flex;font-size:1.5rem;gap:2rem;margin-right:1rem}.navbar__close{color:#fff}.navbar__menu{display:none;margin-right:1rem;position:relative}.navbar__menu>svg{cursor:pointer}.navbar__menu__container{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1rem;min-width:210px;padding:2rem;position:absolute;right:0;top:40px}.navbar__menu__container>p{cursor:pointer;margin:.5rem 0}.navbar__links p>a,.navbar__links p>a:visited,.navbar__menu__container p>a,.navbar__menu__container p>a:visited{text-decoration:none}@media screen and (max-width:1350px){.navbar{padding:1rem}}@media screen and (max-width:900px){.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1}.navbar__links{display:none}.navbar__menu{display:flex}}@media screen and (max-width:600px){.navbar{padding:1rem}}.hero{align-items:center;background-color:var(--background-color);display:flex;gap:2rem;justify-content:space-between;margin:2rem;padding:2rem 4rem}.hero__content{margin-left:2rem;text-align:left}.hero__content p{font-size:1.5rem}.hero__content h1{font-size:3rem}.hero__img{padding:1rem}.hero__img>img{border-radius:1.5rem;height:auto;margin:0;max-width:830px;object-fit:contain}@media screen and (max-width:1350px){.hero{padding:1rem}.hero__img img{height:auto;margin:0;max-width:530px;object-fit:contain;padding:.5rem}}@media screen and (max-width:970px){.hero{flex-direction:column;justify-content:center;text-align:center}.hero__content{margin-left:0;text-align:center}.hero__img{padding:0}.hero__img img{height:auto;margin:0;max-width:90%;object-fit:contain;padding:.5rem}}.form__container{background-color:#121212;border:3px solid #fff;border-radius:.5rem;color:#fff;left:50%;margin-top:1rem;padding:1.5rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:35rem;z-index:2}input,label{font-size:1.5rem}input{height:2.5rem;margin:.7rem}.form__container button{margin:1rem .5rem}.form__container__changeBtn{background-color:#00c853;color:#fff}.form__container__header{font-size:3rem;margin:1rem}.form__container>svg{cursor:pointer;height:2rem;width:2rem}.primary_color_picker>div,.secondary_color_picker>div,.tertiary_color_picker>div,.text_color_picker>div{margin:0 auto}.primary_color_picker{left:77%;position:absolute;top:28%;z-index:9999}.secondary_color_picker{left:77%;position:absolute;top:45%;z-index:9999}.tertiary_color_picker{left:77%;position:absolute;top:60%;z-index:9999}.text_color_picker{left:73%;position:absolute;top:73%;-webkit-transform:scale(.8);transform:scale(.8);z-index:9999}@media screen and (max-width:800px){.form__container{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);width:35rem}}@media screen and (max-width:625px){.primary_color_picker{left:50%;top:30%}.secondary_color_picker{left:50%;top:47%}.tertiary_color_picker{left:50%;top:63%}.text_color_picker{left:50%;top:80%;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:550px){.primary_color_picker{top:36%}.secondary_color_picker{top:51%}.tertiary_color_picker{top:66%}.text_color_picker{top:83%}.form__container{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);width:30rem}}@media screen and (max-width:450px){.form__container{-webkit-transform:translate(-50%,-50%) scale(.7);transform:translate(-50%,-50%) scale(.7);width:30rem}input{width:14rem}input[type=color]{width:3rem}}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;scroll-behavior:smooth}.App{min-width:400px;text-align:center}button{border:none;border-radius:10px;cursor:pointer;font-size:1.5rem;font-weight:700;margin:1rem 0;outline:none;padding:1rem}@media screen and (max-width:570px){button{font-size:1.25rem}}.features{margin:1rem;padding:2rem 6rem}.features__content{align-items:center;display:flex;justify-content:space-between;margin:1rem 2rem;padding:1rem}.features__header h1{font-size:2.5rem}.features__content__feature{padding:1rem}.features__content__feature svg{height:4rem;margin:1rem 0;width:4rem}.features__content__feature p{font-size:1.5rem}.features__content__feature{border-radius:.8rem}@media screen and (max-width:1200px){.features{padding:1rem}}@media screen and (max-width:1100px){.features__content{flex-direction:column;gap:3rem}}@media screen and (max-width:500px){.features__content__feature p{font-size:1.2rem}}.pricing{margin:1rem;padding:2rem 6rem}.pricing__content{align-items:center;display:flex;justify-content:space-between;margin:1rem 2rem;padding:1rem}.pricing__header h1{font-size:2.5rem}.pricing__content p{font-size:1.5rem;margin:0 auto}@media screen and (max-width:500px){.pricing{padding:1rem}}.footer{align-items:center;display:flex;justify-content:space-between;padding:2rem 6rem}.footer_links a,.footer_links a:visited{text-decoration:none}.footer_info,.footer_links{margin:1rem 2rem}.footer_info p{color:var(--white-color);font-size:1rem}.footer_links_icon{font-size:2rem;margin:0 1rem}@media screen and (max-width:710px){.footer{padding:1rem}.footer_info,.footer_links{margin:1rem 0}}@media screen and (max-width:500px){.footer{flex-direction:column;justify-content:center;text-align:center}}.about{margin:1rem;padding:2rem 6rem}.about__header h1{font-size:2.5rem}.about__content{margin:0 auto;padding:1rem}.about__content p{font-size:1.5rem;margin:0 auto}@media screen and (max-width:600px){.about{padding:1rem}.about__content p{font-size:1.2rem}}.current_palette{margin:1rem;padding:2rem 6rem}.current_palette_colors{align-items:center;display:flex;gap:0;justify-content:center;margin:2rem}.current_palette_header h1{font-size:2.5rem}.current_palette_info h3{font-size:1.5rem}.current_palette_info_container{margin:1rem}.current_palette_info{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem}.current_palette_info svg{cursor:pointer}@media screen and (max-width:500px){.current_palette{padding:1rem}.current_palette_info h3{font-size:1.1rem}}
/*# sourceMappingURL=main.bfd9f376.css.map*/