.att-person-container { display: flex; justify-content: center; }
.att-person-input { width: 40%; }
.att-heart-icon { width: 10%; text-align: center; }
.att-calculate-compatibility { margin: 2rem auto; display: flex; }
.att-sign-info { display: flex;margin: 1rem 0 0; }
.att-sign-details { display: flex; gap: .5rem; }
.att-sign-info { display: flex; }
.att-sign-details { display: flex; gap: 2rem; }
.att-sign-preview.sign1-preview, .att-sign-preview.sign2-preview { margin: 1rem 0 0; }
.att-sign-traits { display: inline list-item; }

.att-score-number { text-align: center; font-size: 4rem; font-weight: 600; }
.att-score-label { text-align: center; margin: 2rem 0 0; }
.att-result-title { text-align: center; margin: 2rem 0 0; margin-bottom: 0px; }
.att-result-description { text-align: center; }
h5 { color: #f39c12 !important; font-size: 1.2rem !important; }
.compatibility-btm-info { display: flex; justify-content: space-around; margin: 2rem 0 3rem; }
.att-zodiac-select { width: 100%; padding: .7rem .5rem; }