#root{max-width:1280px;margin:0 auto;text-align:center;text-wrap:wrap}.day-details-popup{display:flex;flex-direction:column;align-items:center;background-color:#fffc;border:1px solid #f875f8b3;border-radius:10px;padding:1rem;margin-top:1rem;width:360px;box-shadow:0 2px 8px #0000001a;animation:fadeInUp .4s ease}.day-details-content-popup{display:flex;width:100%}.day-details-column-popup{flex:1;display:flex;flex-direction:column;align-items:center}.day-details-column-popup:first-child{border-right:1px solid #f875f8b3;padding-right:.5rem;margin-bottom:0}.day-details-column-popup:last-child{padding-left:.5rem}.checkbox-row-popup{display:flex;align-items:center;margin-top:.3rem}.checkbox-row-popup label{color:#651f7f}.was-fed-popup{margin-left:.5rem;font-size:.95rem;color:#651f7f}.was-fed-button-popup{margin-top:.3rem;border-radius:10px;border:1px solid #f875f8b3;background-color:#fff}.day-details-popup p{font-size:1.1rem;color:#353333c9;margin-bottom:.2rem}.day-details-popup label{font-size:.95rem;color:#651f7f;margin-top:.4rem;align-self:flex-start}.food-type-input-popup,.amount-input-popup{width:80%;padding:.3rem .5rem;border:1px solid #f875f8b3;border-radius:5px;background-color:#fff;color:#651f7f;font-size:.95rem;margin-top:.2rem;margin-left:.5rem;outline:#a06ebc}.save-button-popup{margin-top:.8rem;padding:.4rem .8rem;border:1px solid #f875f8b3;background-color:#de9bf4c7;color:#651f7f;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s;width:100%}.save-button-popup:hover{background-color:#f875f8b3;color:#fff}.close-button-popup{align-self:flex-end;background:none;border:none;color:#651f7f;font-size:1.2rem;cursor:pointer;margin-bottom:.3rem;transition:color .2s}.close-button-popup:hover{color:#a06ebc}@media(max-width:600px){.day-details-popup{width:80vw;padding:.5rem;margin-bottom:3.2rem}.day-details-content-popup{flex-direction:column;align-items:center;width:100%}.day-details-column-popup{align-items:center;width:100%;padding:0;border:none}.food-type-input-popup,.amount-input-popup{margin-left:1.25rem;width:70%}.save-button-popup{margin-bottom:1.5rem;width:80%;font-size:.95rem;padding:.35rem .7rem}}@media(max-width:500px){.checkbox-row-popup label{margin-left:.5rem}.day-details-column-popup{margin-left:0rem;min-height:15vh;max-height:30vh}.day-details-column-popup:first-child{border-right:none}.popup-label{margin-top:.5rem;margin-left:7.5rem}.save-button-popup{font-size:.8rem;padding:.2rem .4rem;min-height:5vh;max-height:15vh;margin-top:1rem}}.react-calendar{background:#fff6fd;border:1px solid #f875f8b3;border-radius:12px;box-shadow:0 2px 8px #eec8fb44;padding:1rem;margin:0rem 4rem 2rem;font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.react-calendar__navigation{background:transparent;margin-bottom:.5rem}.react-calendar__navigation button{color:#651f7f;background:none;border:none;font-size:1.1rem;font-weight:600;border-radius:6px;transition:background .2s;padding:.3rem .7rem}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background:#eec8fb80}.popup-small-screen{position:fixed;top:75%;left:50%;transform:translate(-50%,-50%);z-index:1000}.popup-large-screen{position:absolute;z-index:1000}.react-calendar__month-view__weekdays{text-align:center;color:#a06ebc;font-weight:500;font-size:1rem;text-transform:uppercase;background:transparent}.react-calendar__tile{background:none;border:none;border-radius:999px;color:#651f7f;font-size:1rem;transition:background .2s,color .2s;padding:.5em .6em}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background:#eec8fb80;color:#651f7f}.react-calendar__tile.highlight-once{background:#3f51b5;color:#fff;border-radius:999px;font-weight:700}.react-calendar__tile.highlight-twice{background:linear-gradient(135deg,#3f51b5 50%,#f875f8b3 50%);color:#fff;border-radius:999px;font-weight:700}.react-calendar__tile--now{background:#f875f8b3;color:#fff;border-radius:999px;font-weight:700}.react-calendar__tile--active{background:#a06ebc;color:#fff;border-radius:999px}.feeding-data-table{width:85%;margin:.2rem 1rem 1rem;border-collapse:separate;border-spacing:0;background:#fff6fd;border-radius:12px;box-shadow:0 2px 8px #eec8fb44;overflow:hidden;font-family:inherit}.feeding-data-table th,.feeding-data-table td{padding:.75rem 1rem;text-align:center}.feeding-data-table thead{background:#f875f8b3}.feeding-data-table th{color:#651f7f;font-weight:600;font-size:1.05rem;border-bottom:2px solid #eec8fb80}.feeding-data-table tbody tr{transition:background .2s}.feeding-data-table tbody tr:nth-child(2n){background:#f8eafd}.feeding-data-table tbody tr:hover{background:#eec8fb80}.feeding-data-table td{color:#651f7f;font-size:1rem;border-bottom:1px solid #eec8fb44}.feeding-data-table td:last-child,.feeding-data-table th:last-child{border-right:none}.feeding-data-table tr:last-child td{border-bottom:none}.show-popup-button.top-right{position:absolute;top:1.5rem;right:15rem;z-index:1100;background:#f875f8b3;color:#651f7f;border:none;border-radius:8px;padding:.7rem 1.2rem;font-weight:600;box-shadow:0 2px 8px #eec8fb44;cursor:pointer;transition:background .2s}.show-popup-button.top-right:hover{background:#eec8fb}.feeding-modal-window p{margin-bottom:18px;font-weight:500}.feeding-modal-delete-button,.feeding-modal-edit-button{margin:0 8px 0 0;padding:8px 18px;border-radius:6px;border:none;background:#8b0056d2;color:#e30000;font-weight:500;cursor:pointer;transition:background .2s}.feeding-modal-edit-button{background:#ff49f6ca;color:#560070}.feeding-modal-delete-button:hover{background:red;color:#fff}.feeding-modal-edit-button:hover{background:#f875f8b3;color:#560070}.feeding-modal-window form label{display:block;margin-bottom:12px;font-weight:500}.feeding-modal-window input[type=number]{width:80px;padding:6px;margin-left:8px;border-radius:4px;border:1px solid #ccc}.feeding-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#641f7f26;z-index:1200;display:flex;align-items:center;justify-content:center}.feeding-modal-window{background:#fff6fd;border-radius:16px;box-shadow:0 4px 24px #eec8fb88;padding:2rem 0em 1.5rem 0rem;position:relative;min-width:300px;max-width:80vw;max-height:80vh;overflow-y:auto;animation:fadeInUp .3s}.was-fed-button{margin-top:.3rem;border-radius:10px;border:1px solicd #f875f8b3;background-color:#fff}.close-modal-button{position:absolute;top:1rem;right:1.2rem;background:none;border:none;font-size:2rem;color:#651f7f;cursor:pointer;font-weight:700;z-index:1300}.day-details{display:flex;flex-direction:column;align-items:center;background-color:#fffc;border:1px solid #f875f8b3;border-radius:10px;padding:1rem;margin-top:1rem;width:360px;box-shadow:0 2px 8px #0000001a;animation:fadeInUp .4s ease}.day-details-content{display:flex;width:100%}.day-details-column{flex:1;display:flex;flex-direction:column;align-items:center}.day-details-column:first-child{border-right:1px solid #f875f8b3;padding-right:.5rem}.day-details-column:last-child{padding-left:.5rem}.checkbox-row{display:flex;align-items:center;float:center;margin-top:.3rem}.checkbox-row label{margin-left:3rem;color:#651f7f}.day-details p{font-size:1.1rem;color:#353333c9;margin-bottom:.2rem}.day-details label{font-size:.95rem;color:#651f7f;margin-top:.4rem;align-self:flex-start}.day-details input[type=text],.day-details input[type=number]{width:80%;padding:.3rem .5rem;border:1px solid #f875f8b3;border-radius:5px;background-color:#fff;color:#651f7f;font-size:.95rem;margin-top:.2rem;margin-left:.5rem;outline:#a06ebc}.save-button{margin-top:.8rem;padding:.4rem .8rem;border:1px solid #f545f5b3;background-color:#ce51f8c7;color:#651f7f;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s;width:100%}.save-button:hover{background-color:#a117a1b3;color:#fff}.close-button{align-self:flex-end;background:none;border:none;color:#651f7f;font-size:1.2rem;cursor:pointer;margin-bottom:.3rem;transition:color .2s}.close-button:hover{color:#a06ebc}@media(max-width:600px){.react-calendar{padding:.5rem;font-size:.95rem;margin:.5rem .5rem .25rem}.react-calendar__navigation button{font-size:1rem;padding:.2rem .5rem}.feeding-data-table th,.feeding-data-table td{padding:.4rem .3rem;font-size:.85rem}.show-popup-button.top-right{top:1.5rem;right:2.5rem;padding:.2rem .3rem;font-size:.75rem;border-radius:6px;min-width:50px;min-height:28px}.feeding-modal-window{padding:.5rem .3rem .3rem;min-width:80vw;max-width:90vw;max-height:60vh}.close-modal-button{font-size:1.3rem;top:.5rem;right:.7rem}}@media(max-width:500px){.react-calendar{padding:.2rem;font-size:.8rem;margin:.2rem .2rem .1rem}.react-calendar__navigation button{font-size:.8rem;padding:.1rem .3rem}.feeding-data-table{width:85%;border-radius:.4rem;font-size:.8rem}.feeding-data-table th,.feeding-data-table td{padding:.2rem .1rem;font-size:.75rem}.show-popup-button.top-right{top:1.2rem;right:2.4rem;padding:.1rem .2rem;font-size:.65rem;border-radius:5px;min-width:40px;min-height:22px}.feeding-modal-window{padding:.3rem .1rem .1rem;min-width:80vw;max-width:95vw;min-height:15vh;max-height:30vh}.close-modal-button{font-size:1rem;top:.3rem;right:.5rem}.day-details{width:80vw;padding:.5rem;margin-bottom:3.2rem}.checkbox-row label{margin-left:7.2rem}.day-details-content{flex-direction:column;align-items:center;width:100%}.day-details-column{align-items:center;width:100%;padding:0;border:none}.day-details input[type=text],.day-details input[type=number]{margin-left:1.25rem;width:70%}.save-button{margin-bottom:1.5rem;width:80%}}.App{display:flex;flex-direction:column;align-items:center;height:95vh;width:80vw;background-color:#eec8fba0;border:1px solid #f875f8b3;border-radius:10px}.Title{font-size:2.5rem;color:#353333c9;margin-bottom:1rem}.welcome-text{font-size:1.2rem;color:#353333c9;margin-bottom:2rem}.feedFrequency{padding:.5rem;font-size:1rem;border-radius:5px;border:1px solid #f875f8b3;background-color:#fff;color:#651f7f;appearance:none;outline:none}.Calendar-text{font-size:1.2rem;color:#353333c9;margin-top:1rem}@media(max-width:600px){.App{width:80vw;height:90vh;padding:1rem;margin-left:1.5rem}.Title{font-size:1.8rem}.welcome-text{font-size:1rem}}@media(max-width:500px){.App{margin-left:1rem}}