@import "https://fonts.googleapis.com/css2?family=Merienda+One&family=Roboto:wght@300;400;500&display=swap";@keyframes btn{0%{-webkit-transform:rotate(0)translateY(0);transform:rotate(0)translateY(0)}50%{transform:rotate(360deg)translateY(3px)}to{transform:rotate(360deg)}}@keyframes transformOne{0%{transform:translateY(0)}to{transform:translateY(5rem)}}@keyframes transformTwo{0%{transform:translateY(5rem)}to{transform:translateY(10rem)}}@keyframes transformThree{0%{transform:translateY(10rem)}to{transform:translateY(15rem)}}@keyframes transformFour{0%{transform:translateY(15rem)}to{transform:translateY(20rem)}}@keyframes transformFive{0%{transform:translateY(20rem)}to{transform:translateY(25rem)}}@keyframes transformSix{0%{transform:translateY(25rem)}to{transform:translateY(30rem)}}@keyframes tr{0%{transform:translate(0)}to{transform:translate(-5.5rem)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}html{font-size:62.5%}@media (max-width:576px){html{font-size:56%}}@media (min-width:720px){html{font-size:58%}}@media (min-width:960px){html{font-size:60%}}body{min-height:100vh;font-family:Roboto,sans-serif;font-weight:400;line-height:1.7;display:flex}.bounceIn{-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}ul{margin:0;padding:0;list-style:none}.color-picker{min-height:100vh;border-right:.1rem solid #161516;padding:0 2rem;position:relative}.color-picker__brand-container{margin-bottom:5.5rem;padding-top:2rem}.color-picker__brand{text-align:center;font-family:Merienda One,cursive;font-size:3rem}.color-picker__color-list{text-align:center}.color-picker__add-btn{cursor:pointer;width:4rem;height:4rem;color:#fff;z-index:2;background:#161516;border-radius:50%;margin:auto;font-size:3rem;position:relative}.color-picker__list{z-index:1;margin-top:-5rem;display:none;position:relative;left:44%}.color-picker__list li{cursor:pointer;width:2rem;height:2rem;border-radius:50%;margin:2rem auto;position:absolute}.color-picker__list li:first-child{z-index:6;background:#f39c12;animation:transformOne .8s ease-in-out .6s forwards}.color-picker__list li:first-child:before{content:"";background:inherit;width:2rem;height:2rem;border-radius:inherit;position:absolute;left:0}.color-picker__list li:nth-child(2){z-index:5;background:#e74c3c;animation:transformTwo .8s ease-in-out 2s forwards}.color-picker__list li:nth-child(3){z-index:4;background:#9b59b6;animation:transformThree .8s ease-in-out 3s forwards}.color-picker__list li:nth-child(4){z-index:3;background:#3498db;animation:transformFour .8s ease-in-out 4s forwards}.color-picker__list li:nth-child(5){z-index:2;background:#2ecc71;animation:transformFive .8s ease-in-out 5s forwards}.color-picker__list li:nth-child(6){z-index:1;background:#e1578a;animation:transformSix .8s ease-in-out 6s forwards}.color-picker__clear{cursor:pointer;width:4rem;height:4rem;color:#161516;background:#e74c3c;border-radius:50%;justify-content:center;align-items:center;font-size:2.3rem;display:flex;position:absolute;bottom:3rem;right:6rem}.color-picker__clear i{transform:translateY(-.1rem)}.pb{justify-content:center;margin:5rem 0 9rem;display:flex}.main{min-height:100vh;width:88%}.main .designer{text-align:center;margin-top:.7rem;font-size:17px}.main__search-bar{width:35%;text-align:center;margin:5rem auto;position:relative}.main__search-bar i{font-size:2rem;position:absolute;top:.7rem;left:1.5rem}.main__search-input{min-width:30vw;max-width:30vw;background:#f9f9f9;border:none;border-radius:1rem;outline:none;padding:.4rem 4rem;font-size:1.6rem}.main__title{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:3rem;font-family:Merienda One,cursive;font-size:3.8vw}@media (max-width:576px){.main__title{font-size:23px}}.main__notes{margin-top:10rem}.main__card{max-width:33rem;max-height:33rem;border-radius:1.4rem;margin-bottom:12rem;padding:2rem;position:absolute;top:0;box-shadow:.5rem .9rem 2rem #adb5bd}.main__card-title{padding-left:1rem;font-family:Merienda One,cursive;font-size:3rem}.main__info{width:100%;height:65%;word-break:break-all;margin-top:2.5rem;font-size:1.8rem;overflow-y:auto}.main__info p{padding-right:.7rem}.main .main__check-icon,.main .main__edit-icon{cursor:pointer;width:4rem;height:4rem;color:#fff;background:#161516;border-radius:50%;justify-content:center;align-items:center;font-size:2.3rem;display:flex;position:absolute;bottom:2.5rem;right:2rem}.main .main__check-icon i,.main .main__edit-icon i{transform:translateY(-.1rem)}.main__edit-icon{z-index:3;position:absolute}.main__check-icon{z-index:4}.main__custom{width:33rem;height:33rem;-o-transition:transform 1s;background:#f5f6fa;border-radius:1.4rem;padding:1rem 2rem;transition:transform 1s,-webkit-transform 1s;transform:translateY(-8rem)}.main__time{font-size:1.6rem;top:2.5rem;right:3rem}.main__remove{cursor:pointer;width:4rem;height:4rem;color:#161516;z-index:2;background:#eb2f06;border-radius:50%;justify-content:center;align-items:center;font-size:2.3rem;display:flex;position:absolute;bottom:2.5rem;right:2rem}.main__remove i{transform:translateY(-.1rem)}.main__line-one{justify-content:space-between;display:flex}.main__alignment{font-size:1.8rem}.main__alignment li{cursor:pointer;display:inline-block}.main__line-two{justify-content:space-between;margin-top:.5rem;display:flex}.main__label{font-size:1.3rem}.main__check-edit-icons{position:absolute;top:11.5rem;right:0}.main__font-color-input,.main__bg-color-input{width:5rem;height:2.7rem}
/*# sourceMappingURL=index.cdfca932.css.map */