body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{padding-bottom:50px}header{width:90%;margin:20px auto 10px;display:flex}.app-nav{position:relative}.tooltip{font-size:14px;width:90px;background-color:#6357c3;display:block;text-align:center;padding:5px;border-radius:10px;color:#fff;font-weight:500;position:absolute;top:50px;right:-15px;visibility:hidden}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#6357c3}nav:hover .tooltip{visibility:visible}.logo-head{width:50%}.logo-head h1{line-height:0;color:#6357c3;font-size:22px;font-weight:600}.logo-head h3{color:#272727;font-size:16px;font-weight:400}nav{width:50%}nav p{line-height:0;margin-top:25px;text-align:end;font-size:36px;font-weight:600;color:#6357c3}.calcu h1{text-align:center;font-size:18px;color:#6357c3;margin:30px 0}.date-form{height:450px;margin:0 auto;width:90%;position:relative;background-color:#cac3e0;border-radius:25px;padding:15px 0;max-width:450px}.day-div,.month-div,.year-div{width:80%;display:flex;height:50px;margin:25px auto 0;max-width:320px}.date-form select{width:100px;height:40px;border-radius:10px;border:none}.date-form select,.date-form select option{font-size:14px;font-weight:500}.date-form select{margin-top:5px}.day-div select{padding-left:25px}.month-div select{text-align:center}.year-div select{padding-left:20px}.day-div p,.month-div p,.year-div p{width:50%;margin-right:60px;max-width:70px;font-weight:500}.chinese-check,.west-check{height:10px;margin:35px 0 0 5vw}input[type=checkbox]{transform:scale(1.5)}.submit-btn{background-color:#6357c3;color:#fff;font-weight:700;display:block;width:150px;height:40px;margin:45px auto;border-radius:10px;border:none}.zod-card{margin-top:-70px;width:102%}.card-header{margin:25px;font-size:18px}.west-head{color:#6357c3}.chins-head{color:#f74d4d}.card-info{width:90%;margin:0 auto;border-radius:25px;z-index:4;position:relative;padding-bottom:10px;max-width:500px;padding-top:10px}.west-card{background-color:#6357c3}.chins-card{background-color:#f74d4d}.zodiac-info{margin:0 auto;width:80%;border-bottom:solid #fff}.frame-zod{margin:20px auto 0;width:11rem;height:11rem;border:8px solid #fff;border-radius:100%;position:relative}.west-frame{background-color:#cac3e0}.chins-frame{background-color:#f98282}.frame-zod img{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:110px}.name-card{margin-top:30px;font-size:24px;line-height:5px}.date-card,.name-card{text-align:center;color:#fff}.date-card{font-style:italic}.about-select{display:block;margin:15px auto 0;padding:0 15px;width:85%;height:35px;background-color:inherit;border:inherit;border-bottom:2px solid #fff;color:#fff;font-size:18px}.about-select option{width:100px;display:block;font-size:14px;padding:0;margin:0}.info-cont{width:90%;margin:10px auto;height:auto;max-width:450px}.about-1{display:flex;height:50px;color:#fff}.about-1 h6{margin:15px 5px 15px 10px;height:25px;width:115px;font-size:16px}.about-1 span{margin:15px 5px 15px 15px;height:25px;width:5px}.love-cont{width:90%;margin:10px auto;height:auto;display:flex;flex-wrap:wrap;max-width:400px}.hide{display:none}.love-btn{margin:12px 9px 5px 13px;width:42%;height:33px;text-align:center;line-height:28px;color:#000;border-radius:10px;background-color:#fff;cursor:pointer;max-width:400px}.comp-cont{width:100%;height:auto;margin:0 auto;border-radius:25px;color:#fff;z-index:2;padding-bottom:7px;position:absolute;top:0}.back-btn{margin:25px 0 0 25px;font-size:22px;color:#fff;cursor:pointer;font-style:bold;z-index:10}.comp-cont h3{font-size:20px;text-align:center}.comp-img{margin:20px auto 0;width:130px;height:130px;border:7px solid #fff;border-radius:100%;position:relative}.comp-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95px}.west-comp{background-color:#cac3e0}.chins-comp{background-color:#f98282}.comp-cont h4{margin:15px;font-size:18px;text-align:center}.love-ico{position:absolute;display:block;width:45px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;animation:loveanim .2s linear forwards}.gap-cont{display:block;margin-top:75px}.love-rating{margin:10px auto;display:flex;width:70%;flex-wrap:wrap;max-width:230px}.love-rating img{margin:5px;width:35px;opacity:0;animation:lovepop .2s linear forwards}.comp-cont h2{text-align:center;font-style:italic}.dropbtn{display:block;color:#fff;margin:20px auto 0;cursor:pointer}.dropanim{animation:btnhov .25s linear forwards}.upanim{animation:btnup .25s linear forwards}.windopen{animation:windopen .25s linear forwards}.windclose{animation:windclose .25s linear forwards}.comp-ico-cont{position:relative}.allist-cont{position:fixed;width:100%;height:100%;z-index:6;top:0;overflow-y:auto}.chins{background-color:#f74d4d}.west{background-color:#6357c3}.list-contain{display:flex;position:relative;margin:0 auto 35px;width:90%;max-width:400px}.list-img-cont{margin:0 25px 0 5px;width:90px;height:90px;border:4px solid #fff;border-radius:100%;position:relative;background-color:#cac3e0}.list-img-cont img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px}.list-info-cont{width:52%;max-width:250px;margin:5px 0 0 -10px}.list-info-cont h2{color:#fff;border-bottom:3px solid #fff;padding-bottom:10px;margin:5px 0 0;font-size:18px}.list-info-cont h3{font-size:14px;color:#fff;margin:10px 0 0}.carretright{color:#fff;position:absolute;top:47%;right:20px;transform:translateY(-50%);cursor:pointer}.chins-list div span{background-color:#f98282}.list-nav{display:flex;position:relative;color:#fff;width:85%;margin:20px auto 25px}.list-nav h1{width:85%;font-size:18px;margin:15px 40px 0;text-align:center}.list-nav h3{font-size:12px;width:50px;text-decoration:underline;cursor:pointer;margin:15px 0 0}.list-back{margin:20px 25px 0 5px;cursor:pointer}.ullist{font-size:28px;color:#6357c3;top:10px;right:20px}.back-card-btn,.ullist{position:absolute;cursor:pointer}.back-card-btn{font-size:24px;color:#fff;top:110px;right:15%;z-index:6}.padding-list{width:100%;height:50px}.list-select-btn{color:#fff;font-size:22px;position:absolute;top:110px;left:15%;z-index:5;cursor:pointer}.info-btn{left:17%}@keyframes btnhov{0%{transform:rotateX(0deg);margin-top:0}to{transform:rotateX(180deg)}}@keyframes btnup{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}@keyframes windopen{0%{height:auto}to{height:auto}}@keyframes windclose{0%{height:auto}to{height:auto}}@keyframes loveanim{0%{width:110%}to{width:45px}}@keyframes lovepop{0%{opacity:0;margin-right:-15px}to{opacity:1;margin-right:5px}}@media only screen and (min-width:600px){.card-header{margin-left:7%}.about-select option{font-size:16px}.back-card-btn{right:20%}.list-select-btn{left:20%}.info-btn{left:21%}}@media only screen and (min-width:750px){.card-header{margin-left:10%}}@media only screen and (min-width:900px){.card-header{margin-left:9%}.date-form{width:80%;max-width:900px;height:auto}.div-form{display:flex;width:90%;max-width:500px;margin:0 auto 85px}.day-div,.month-div,.year-div{margin-top:10px;display:block;margin-left:25px}.date-form select{width:110px;font-size:16px}.date-form select option{font-size:14px}.date-form select{margin-top:5px}.day-div select{padding-left:15px}.month-div select{text-align:center}.year-div select{padding-left:10px}.day-div p,.month-div p,.year-div p{margin-left:5px}.chinese-check,.west-check{height:10px;margin:35px 0 0 15vw}input[type=checkbox]{transform:scale(1.5)}}@media only screen and (min-width:1280px){.card-info{width:1000px}.card-header{margin-left:15px}.double-card-cont{margin:25px auto;width:90%;max-width:1280px;height:auto;display:flex;justify-content:space-evenly}}
/*# sourceMappingURL=main.6f5b97b1.chunk.css.map */