.card__area{width:30%;margin-right:5%;margin-bottom:40px;background:#fff;padding:10px;height:auto;border-radius:6px}.card-color,.title-icon{display:flex}.title-icon{justify-content:space-between;margin-top:15px}.title-icon h3{font-size:20px;color:#333}.title-icon button{border:none;outline:none;background:orange;border-radius:100%;color:#fff}@media screen and (max-width:992px){.card__area{width:100%}.card-color div{width:20%!important;height:70px!important}}.modal__area{margin-bottom:40px;background:#fff;padding:15px;border-radius:6px}.d-flex{justify-content:space-between}.d-flex,.theme__title{display:flex}.theme__title h3{color:#333;font-size:30px;margin-left:5px;letter-spacing:2.4px}.theme__title .icon{font-size:40px}.modal__area p{margin-top:6px;color:#333;font-size:18px;line-height:27px;letter-spacing:1px;margin-bottom:10px}.remove_icon{background:#000;border-radius:50%;width:20px;height:20px;border:none;outline:none;justify-content:center;align-items:center;display:flex;flex-direction:column;cursor:pointer}.remove_icon .i{font-size:15px;color:#fff}.remove_icon:hover{background:red}@media screen and (max-width:768px){.theme__title h3{color:#333;margin:0;font-size:15px}.theme__title .icon{display:none}.modal__area p{font-size:13px}}.nav__area{display:flex;justify-content:space-between;padding:40px 0}.nav__logo a{text-decoration:none;font-size:30px;color:#fff;letter-spacing:2.8px;font-weight:600;text-shadow:0 1px,1px 0,1px 1px;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s;transform-origin:0 50%}.nav__links{display:flex;margin-top:5px}.nav__links a{margin-left:40px;font-weight:600;font-size:17px;color:#fff;transition:all .2s;letter-spacing:2.3px;text-decoration:none;position:relative}.nav__links a:after{content:"";background-color:#fff;width:50%;height:1px;position:absolute;bottom:0;left:-30px;opacity:0;transition:width .3s ease 0s,left .3s ease 0s}.nav__links a:hover:after{left:0;opacity:1}@media screen and (max-width:768px){.nav__area{flex-direction:column;justify-content:center;align-items:center}.nav__logo a{font-size:20px}.nav__links{background:#000;padding:20px}.nav__links a{margin-left:15px;font-size:15px}}*{margin:0;padding:0;box-sizing:border-box;color:#fff}.hero__area{height:auto;background-color:#3c40c6}.hero__container{width:75%;margin:auto}.extra-bar{display:flex;justify-content:space-between;padding:12px;min-height:56px;box-sizing:border-box;background:#0c2461;border-radius:4px;margin-bottom:40px}.extra-bar button{height:30px;padding:8px;color:#fff;cursor:pointer;background-color:#1b95e0;border-radius:3px;text-decoration:none;border:none}.extra-bar h1{color:#fff;font-size:20px;padding-top:3px;letter-spacing:2.4px}.color-flex{display:flex;flex-basis:33.3%}@media screen and (max-width:992px){.color-flex{flex-direction:column;flex-basis:100%}.extra-bar h1{font-size:15px}}@media screen and (max-width:520px){.extra-bar h1{font-size:9px;margin-top:7px}}@media screen and (max-width:420px){.extra-bar h1{font-size:6px;margin-top:7px}}.footer__area{background-color:rgba(0,0,0,.384);padding:40px 0}.footer__container{width:75%;margin:auto}.content__flex{display:flex;flex-basis:25%}.content{margin-right:60px}.content h2{font-size:22px;letter-spacing:2px;margin-bottom:20px;color:#fff}.content a{letter-spacing:1.4px;text-decoration:none;margin-top:7px;color:#fff;font-size:15px;display:flex;flex-direction:column}@media screen and (max-width:800px){.content__flex{flex-direction:column;flex-basis:100%}.content{margin-top:10px}}.color_content_area{position:relative;cursor:pointer}.palette__head{display:flex;justify-content:space-between;padding:10px 0}.arrowIcon{display:flex}.arrowIcon span{color:#333;font-size:18px;letter-spacing:2.4px}.arr-icon{margin-top:3.3px;background:#000;width:50px;margin-right:10px}.format{padding:0 8px;background:#000;border-radius:4px;height:20px;line-height:18px;text-align:center;color:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:1px;margin-right:8px}.color_content_area h5{position:absolute;bottom:8px;color:#fff;opacity:.9;font-size:20px;text-transform:uppercase;right:8px}.sound h3{font-size:15px;color:#000;animation:Color 2s infinite;letter-spacing:4.3px}@keyframes Color{25%{color:orange}50%{color:#00b894}75%{color:#ff4500}to{color:#000}}.miniText{color:rgba(235,230,230,.705)}.largeText,.miniText{display:flex;justify-content:center;align-items:center;opacity:0;border:2px solid hsla(0,0%,100%,.2);text-transform:uppercase;line-height:145px}.largeText{color:rgba(19,218,19,.959);font-size:30px}.color_content_area:hover h3{opacity:1}.card-color_area{display:flex;flex-direction:row}@media screen and (max-width:768px){.color_content_area h3,.color_content_area h5{font-size:14px}}@media screen and (max-width:520px){.color_content_area h3,.color_content_area h5{font-size:10px}.format{display:none}}.copied__area{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#ff69b4;flex-direction:column}.copied__area h1{font-size:80px;color:#fff;letter-spacing:4.4px;font-weight:600;font-family:fantasy;text-transform:uppercase;background:rgba(102,101,101,.548);width:100%;height:100px;text-align:center;line-height:100px}.copied__area p{margin-top:10px;text-transform:uppercase}@media screen and (max-width:800px){.copied__area h1{font-size:40px;line-height:100px}}@media screen and (max-width:400px){.copied__area h1{font-size:20px;line-height:100px}}.subscribe__area{background-color:#3c40c6;padding-top:40px}.subscribe__container{width:75%;margin:auto}.icon__arrow{display:flex;padding-bottom:40px}.icon__arrow span{color:#fff;font-size:18px;letter-spacing:2.4px}.title_flex h3{font-weight:700;font-size:36px;width:100%;text-align:left;display:block;float:left;margin-top:20px;letter-spacing:2.5px;line-height:50px}.subscribe__container p{width:60%;font-size:18px;line-height:27px;letter-spacing:1.2px;font-weight:600;margin-top:30px}input{width:100%;height:100%;line-height:18px;font-family:Barlow;font-weight:600;padding:12px 16px;float:left}.submit,input{border-radius:4px;background:#fff;font-size:18px;box-sizing:border-box;border:none;color:#000}.submit{padding:3px 24px;line-height:42px;font-weight:500;margin-top:50px;margin-bottom:50px;text-align:center;transition:all .2s}
/*# sourceMappingURL=main.b81f63b8.chunk.css.map */