main{width:100%;display:flex;justify-content:space-evenly;padding:24px 8px;gap:24px}@media (max-width: 1024px){main{flex-direction:column;align-items:center}}#ChildrenListSection{display:flex;flex-direction:column;justify-content:center;gap:12px;width:320px;height:fit-content;background-color:#d8e4dd;padding:36px;border-radius:12px}@media (max-width: 1024px){#ChildrenListSection{width:80%}}#ChildrenListSection h3{text-align:center;padding-bottom:12px;border-bottom:#0F0F0F 1px solid;font-size:1.5em;width:100%}#ChildrenListSection p{font-size:1.125em}#AddChildrenSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:fit-content;width:320px;background-color:#d8e4dd;padding:24px;border-radius:12px}@media (max-width: 1024px){#AddChildrenSection{width:80%}}#AddChildrenSection h3{text-align:center;padding-bottom:12px;border-bottom:#0F0F0F 1px solid;font-size:1.5em;width:100%}#SearchChildSection{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:24px;height:555px;width:512px;padding:32px 16px;border-top:#1F5615 2px solid;border-bottom:#1F5615 2px solid}@media (max-width: 1024px){#SearchChildSection{width:80%}}#SearchChildSection label{width:100%}#SearchChildSection input{width:100%;padding:12px;border:#0F0F0F 1px solid;border-radius:5px;outline:none;background-color:#d8e4dd;font-size:1.125em}#AddChildForm{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}#AddChildForm button{padding:8px;font-weight:700;color:#fff;background-color:#1f5615;border-radius:5px;border:1px solid #0F0F0F;font-size:1.125em}#AddChildForm label{height:fit-content;width:100%}#AddChildForm label input{border-radius:5px;width:100%;padding:8px;border:#0F0F0F 1px solid;font-size:1.125em;outline:none}#AddChildForm label input::placeholder{color:#0f0f0f;opacity:30%}ol{display:flex;flex-direction:column;gap:12px}.child-score{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.child-score p{display:flex;align-items:center;justify-content:center}.child-score p.score{display:flex;align-items:center;flex-direction:row;justify-content:space-between;width:64px}.child-score p.score.happy{color:#1f5615}.child-score p.score.sad{color:#95200e}.child-score p .tally{font-weight:700}.child-score p .face-icon{font-size:1.25em}
