#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.login-modal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vw;border-radius:20px;row-gap:2vw;background-color:#e5e5e5;border:1px solid #E5E5E5}.login-form{width:40vw;display:flex;flex-direction:column;row-gap:2vw}.log-in-title{font-size:2vw}.login-form label{font-size:1.5vw}.login-form input{padding:1vw;margin-top:.5vw;border-radius:.5vw;background-color:#e5e5e5;border:1px solid black;font-size:1.5vw}.login-form button{padding:.8vw;color:#fff;margin-top:1vw;font-size:1.5vw;background-color:#d970d6}.error-message{color:red;font-size:1.5vw;padding-left:1vw}#demo-user-button{background-color:transparent;color:#000;font-size:1.5vw}#demo-user-button:hover{color:#d970d6}@media (max-width: 1200px){.login-form{width:60vw;padding:3vw}.log-in-title{font-size:2.5vw}.login-form label,.login-form input{font-size:2vw}.login-form button{font-size:2.5vw}.error-message{font-size:2vw}#demo-user-button{font-size:2.5vw}}@media (max-width: 768px){.login-modal-container{row-gap:1vw}.login-form{width:80vw;padding:5vw}.log-in-title{font-size:3vw}.login-form label,.login-form input{font-size:2.5vw}.login-form button{font-size:3vw}.error-message{font-size:2.5vw}}.signup-modal-container{display:flex;flex-direction:column;width:35vw;padding:2vw 4vw;row-gap:.5vw;background-color:#e5e5e5;border:1px solid #E5E5E5;border-radius:20px}.signup-form-title{font-size:2vw;font-weight:400;text-align:center}.registration-is-easy{font-size:1.2vw;margin-bottom:1vw;text-align:center}.signup-form{display:flex;flex-direction:column;row-gap:1.5vw}.signup-labels{padding-right:1vw;font-size:1vw}#signup-email,#signup-username,#signup-first-name,#signup-last-name,#signup-password,#signup-confirm-password{font-size:1vw;background-color:#e5e5e5;border:1px solid black}.signup-error-message{color:red;font-size:.8vw;padding:.5vw}.signup-form-submit-button{font-size:1vw;margin-bottom:1vw}@media (max-width:1200px){.signup-modal-container{width:60vw;padding:2vw 4vw}.signup-form-title{font-size:2.5vw}.registration-is-easy{font-size:1.8vw}.signup-labels,#signup-email,#signup-username,#signup-first-name,#signup-last-name,#signup-password,#signup-confirm-password,.signup-error-message{font-size:1.5vw}.signup-form-submit-button{font-size:1.5vw;margin-top:1vw}}@media (max-width: 768px){.signup-modal-container{width:80vw;padding:3vw 6vw}.signup-form-title{font-size:3.5vw}.registration-is-easy,.signup-labels,#signup-email,#signup-username,#signup-first-name,#signup-last-name,#signup-password,#signup-confirm-password{font-size:2.5vw}.signup-error-message{font-size:2.2vw}.signup-form-submit-button{font-size:2.5vw;margin-top:2vw}}.update-profile-picture-form{display:flex;flex-direction:column;align-items:center;padding:2vw;background-color:#e5e5e5;border-radius:20px;box-shadow:0 4px 6px #0000001a;width:40vw}.modal-title{margin-bottom:2vw;font-size:1.6vw;text-align:center}#current-profile-picture{display:flex;flex-direction:column;align-items:center;margin-bottom:1vw}.profile-image{width:10vw;height:10vw;border-radius:50%;margin-bottom:.5vw}#upload-profile-picture-div{display:flex;flex-direction:column;align-items:flex-start;margin:2vw 0;width:100%}#upload-profile-picture-div label{font-size:1.5vw;margin-bottom:.5vw}#upload-profile-picture-div input{font-size:1.5vw}.validation-errors{color:red;font-size:1vw;margin-top:.5vw}#profile-picture{padding:1vw;font-size:1.5vw;border:1px solid #ccc;border-radius:4px;width:100%}.update-and-cancel-box,.submit-and-cancel-box{display:flex;justify-content:space-around;width:100%}#profile-picture-submit-button,#profile-picture-delete-button,#profile-picture-cancel-button{padding:.5vw 1vw;font-size:1.2vw;color:#fff;border:none;border-radius:10px}#profile-picture-submit-button{background-color:#d970d6}#profile-picture-delete-button,#profile-picture-cancel-button{background-color:#6c757d}#profile-picture-submit-button:hover,#profile-picture-delete-button:hover,#profile-picture-cancel-button:hover{background-color:red}.delete-user-image-modal{background-color:#d970d6;font-size:1.2vw}@media (max-width: 1200px){.update-profile-picture-form{width:60vw;padding:3vw}.modal-title,#upload-profile-picture-div label,#upload-profile-picture-div input{font-size:2vw}.profile-image{width:15vw;height:15vw}#profile-picture-submit-button,#profile-picture-delete-button,#profile-picture-cancel-button{font-size:2vw}.delete-user-image-modal{font-size:1.8vw}}@media (max-width: 768px){.update-profile-picture-form{width:80vw;padding:4vw}.modal-title{font-size:3.5vw}#upload-profile-picture-div{margin:4vw 0}#upload-profile-picture-div label{font-size:3vw;margin-bottom:1vw}#upload-profile-picture-div input{font-size:3vw}.profile-image{width:20vw;height:20vw}#profile-picture-submit-button,#profile-picture-delete-button,#profile-picture-cancel-button{font-size:3vw;padding:1vw 2vw}#submit-and-cancel-box{padding-top:2vw}.delete-user-image-modal{font-size:2.5vw}}#profile-account-button{border-radius:50%;background-color:transparent;width:5vw;height:5vw;padding:0;margin:0}#profile-account-button:hover{border:none}.user-profile-image{width:100%;border-radius:50%;object-fit:cover}.user-profile-icon{font-size:5vw;color:#007bff}.profile-buttons{border:none;color:#000;background-color:pink;padding:0;margin:0;text-align:left;width:100%;font-size:1.5vw}.profile-buttons:hover{color:#8a2be2;font-weight:700;background-color:pink}#logout-button{padding:.5vw;font-size:1.2vw;background-color:#d970d6}@media (max-width:1200px){#profile-account-button{width:8vw;height:8vw}.user-profile-icon{font-size:8vw}.profile-buttons,#logout-button{font-size:2vw}}@media (max-width: 768px){#profile-account-button{width:9vw;height:9vw}.user-profile-icon{font-size:9vw}.profile-buttons{font-size:2.8vw}#logout-button{padding:2vw;font-size:2.5vw}}#header-container{display:flex;justify-content:space-between;align-items:center;padding:3.5vw;height:15vh}#left-header-box{display:flex;align-items:center;text-decoration:none}#logo{font-size:5vw;margin-right:1vw;color:#d970d6}#website-name{background-color:transparent;font-size:3vw;color:#d970d6;text-shadow:2px 2px 2px black}.profile-dropdown{position:absolute;list-style-type:none;background-color:pink;padding:1vw;right:2.5vw;border-radius:10px;width:25vw;z-index:10;font-size:1.5vw}@media (max-width: 1200px){#logo{font-size:7vw}#website-name{font-size:5vw}.profile-dropdown{width:35vw;font-size:2vw}}@media (max-width: 768px){#header-container{padding:4vw}#logo{font-size:8vw}#website-name{font-size:6vw}.profile-dropdown{font-size:3vw;width:47vw;padding:2vw}}.footer{display:flex;justify-content:center;align-items:center;gap:2vw;margin:0;padding:0;width:100%}.footer-author-name{font-size:1.2vw;font-weight:700;color:#000}.footer a{margin:0 10px;font-size:1.2vw;display:inline-flex;align-items:center;gap:.2vw;color:#000}.footer-linkedin-icon{color:#0b65c2;font-size:1.5vw}.footer-github-icon{font-size:1.5vw;color:#000}.footer a:hover{text-decoration:underline;color:#d870d6;transform:scale(1.05)}.footer strong{color:#d870d6}@media (max-width: 1200px){.footer{gap:2vw}.footer-author-name{font-size:2vw}.footer a{font-size:2vw;gap:.5vw}.footer-linkedin-icon,.footer-github-icon{font-size:2.5vw}}@media (max-width: 768px){.footer-author-name,.footer a{font-size:2.5vw}.footer-linkedin-icon,.footer-github-icon{font-size:3vw}}#landing-page-container{display:flex;flex-wrap:wrap;gap:6vw;padding-left:8vw;padding-right:4vw;height:80vh;align-items:center}#landing-page-left-box{width:40%;height:100%;display:flex;flex-direction:column;justify-content:center;row-gap:2vw}#landing-page-right-box{width:45%;height:100%;display:flex;justify-content:center;align-items:center}#big-des,#small-des{color:#000;padding:0 2vw;text-align:left}#big-des{text-shadow:2px 2px 2px #ccc;font-size:3.5vw;font-weight:700}#small-des{font-size:2.2vw}#landing-page-img{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:25%;object-fit:cover;margin-top:2vw;padding:1vw 0vw}@media (max-width: 1200px){#landing-page-container{padding-left:6vw;padding-right:4vw;gap:4vw}#landing-page-left-box,#landing-page-right-box{width:45%}#big-des{font-size:4vw}#small-des{font-size:2.8vw}#landing-page-img{width:110%}}@media (max-width: 768px){#landing-page-container{flex-direction:column;padding:4vw;height:auto;align-items:center;row-gap:4vw}#landing-page-left-box,#landing-page-right-box{width:100%;height:auto;align-items:center}#big-des{font-size:5vw;text-align:center}#small-des{font-size:3.5vw;text-align:center}#landing-page-img{width:90%;margin-top:.5vw;padding:0;border-radius:30px}}#kids-list-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:1vw;padding:2vw;border-radius:10px;margin-left:1vw;box-sizing:border-box;width:100%;min-height:80vh}#my-kids-and-friends{display:flex;align-items:center}#friends-button{padding:.5vw;background-color:orchid;font-size:2vw;position:absolute;right:3vw}#friends-icon{font-size:2vw}#kids-list-box{display:flex;flex-wrap:wrap;align-items:center;gap:3vw}.kid-details{display:flex;flex-direction:column;border-radius:10px;padding:1.5vw;height:auto;box-sizing:border-box;background-color:#a2d9d9;width:23vw}.update-and-remove-box{display:flex;justify-content:space-around;padding-top:1vw}#add-kid-button{border-radius:10px;font-size:1.5vw;background-color:orchid;padding:.5vw;margin-bottom:1vw;box-sizing:border-box}.Link-link{display:flex;flex-direction:column;row-gap:1vw;text-decoration:none;color:#9932cc}.tooltip{visibility:hidden;opacity:0;color:#000;background-color:#9932cc;border-radius:10px;font-size:2vw;transform:translateY(-60%);box-sizing:border-box;padding:.25vw;z-index:10}.kid-details:hover .tooltip{visibility:visible;opacity:1;text-align:center;color:#fff;width:20vw}.image-and-name-div{padding-top:1vw;display:flex;flex-direction:column;align-items:center;gap:1vw}.kid-profile-image{width:100%;object-fit:cover;border-radius:10px}.kid-profile-icon{font-size:20vw}.remove-kid-button{background-color:#6c757d;font-size:1vw}.kid-update-button{background-color:orchid;font-size:1vw}#my-kids-h1{font-size:2vw;color:#9932cc;text-shadow:2px 2px 4px #fff}.no-kids-found{font-size:1.5vw}#kid-name-h2{font-size:1.5vw;text-align:center}#kid-age-h4{font-size:1vw;text-align:center}@media (max-width:1200px){.kid-details{width:35vw}#add-kid-button{font-size:2vw}#friends-icon{font-size:2.5vw}.kid-profile-icon{font-size:25vw}#my-kids-h1{font-size:3vw}.no-kids-found{font-size:2vw}#kid-name-h2{font-size:2.5vw}#kid-age-h4{font-size:1.5vw}#friends-button{font-size:2.5vw}.kid-details:hover .tooltip{width:32vw;font-size:1.2vw}.remove-kid-button,.kid-update-button{font-size:1.5vw}}@media (max-width: 768px){#kids-list-container{margin:0 auto;padding:4vw;width:90%}#kids-and-friends-container{gap:4vw;padding:0 4vw;align-items:start}#kids-list-box{flex-direction:column;gap:4vw;width:100%}.kid-details{padding:4vw;width:100%}.Link-link{justify-content:space-between;flex-direction:row;align-items:center}#add-kid-button{font-size:3vw;padding:1.5vw 3vw;width:100%}.update-and-remove-box{align-items:center;gap:3vw;width:100%}.image-and-name-div{padding-top:1vw;gap:2vw;width:100%}.kid-profile-image{padding:0;width:40vw;border-radius:50%}.kid-profile-icon{font-size:30vw}#my-kids-h1{font-size:5vw;text-align:center}.no-kids-found{font-size:3.5vw}#kid-name-h2{font-size:4vw;text-align:center}#kid-age-h4{font-size:2.5vw}#friends-button{font-size:4vw}#friends-icon{font-size:3vw}.remove-kid-button,.kid-update-button{font-size:2.5vw}.kid-details:hover .tooltip{font-size:2.5vw;transform:translateY(-440%);width:74.5vw;box-sizing:border-box;padding:.5vw;z-index:10}#friends-button{font-size:4.5vw;padding:1vw}#friends-icon{font-size:4vw}.kid-details{padding:4vw 3vw 4vw 0vw}}.remove-box{width:40vw;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2vw;padding:4vw;border-radius:20px;overflow:hidden;background-color:#e5e5e5}.remove-box h1,.remove-question{font-size:2vw}.yes-button{height:4vw;width:30vw;border:none;background-color:#d970d6;font-size:1.5vw}.no-button{height:4vw;width:30vw;border:none;background-color:#6c757d;font-size:1.5vw}.yes-button:hover,.no-button:hover{background-color:red}@media (max-width:1200px){.remove-box{width:60vw}.remove-box h1,.remove-question{font-size:2.5vw}.yes-button,.no-button{width:30vw;height:5vw;font-size:2vw}}@media (max-width: 768px){.remove-box{width:80vw}.remove-box h1{font-size:3vw}.remove-question{font-size:3.5vw}.yes-button,.no-button{width:50vw;height:7vw;font-size:3vw}}.kid-form{display:flex;flex-direction:column;gap:2vw 5vw;margin:0 auto;padding:3vw 5vw;width:50vw;min-height:80vh;border-radius:10px;transform:translateY(50%,-50%)}.name-box1 label,.birth-date-box2 label,.relationship-box3 label,.image-box4 label{font-size:2vw}.name-box1 input,.kid-year-month-day select,.relationship-box3 select{font-size:1.5vw;background-color:#e5e5e5;padding:.5vw 1vw;border-radius:10px;border:1px solid #E5E5E5}.image-box4 input{font-size:1.5vw;background-color:transparent;padding:.5vw;border-radius:10px}.validation-errors{color:red;padding-left:2vw;font-size:1.5vw}.year-month-day-box{display:flex;justify-content:space-between;gap:2vw}.year-month-day-box option{background-color:#e5e5e5}.relationship-box3,.kid-year-month-day{display:flex;flex-direction:column}.form-add-kid-button{padding-top:1vw;font-size:1.8vw;background-color:#d970d6}@media (max-width: 1200px){.kid-form{width:60%}.name-box1 label,.birth-date-box2 label,.relationship-box3 label,.image-box4 label{font-size:3vw}.name-box1 input,.kid-year-month-day select,.relationship-box3 select,.image-box4 input,.validation-errors{font-size:2vw}}@media (max-width: 768px){.kid-form{width:80%}.name-box1 label,.birth-date-box2 label,.relationship-box3 label,.image-box4 label{font-size:4vw}.name-box1 input,.kid-year-month-day select,.relationship-box3 select,.image-box4 input,.validation-errors{font-size:3vw}}#kid-update-two-buttons{display:flex;column-gap:3vw;justify-content:center}.updated-kid-current-img-title{font-size:2vw}.updated-kid-current-img{width:40vw;border-radius:10px;aspect-ratio:16 / 12}.form-update-kid-button{font-size:1.5vw;background-color:#d970d6}.form-cancel-kid-button{font-size:1.5vw;background-color:#6c757d}@media (max-width: 1200px){.name-box1 label,.birth-date-box2 label,.relationship-box3 label,.image-box4 label,.updated-kid-current-img-title,.name-box1 input,.kid-year-month-day select,.relationship-box3 select{font-size:3vw}.form-update-kid-button,.form-cancel-kid-button{font-size:2.5vw}}@media (max-width: 768px){.name-box1 label,.birth-date-box2 label,.relationship-box3 label,.image-box4 label,.updated-kid-current-img-title,.name-box1 input,.kid-year-month-day select,.relationship-box3 select{font-size:4vw}.updated-kid-current-img{width:70vw}.form-update-kid-button,.form-cancel-kid-button{font-size:3vw}}#daily-logs-container{min-height:80vh}.daily-logs-header{display:flex;align-items:center;gap:13vw;margin:0px 5vw;border:1px solid transparent;border-radius:10px;width:90vw}#kid-image-name-age-div{display:flex;align-items:center;gap:1vw}.kid-profile-img{border-radius:50%;width:6vw;height:6vw;margin-right:1vw}.kidDailyLogs-profile-icon{width:6vw;height:6vw;color:#007bff;margin-right:1vw}#kid-name-age{display:flex;flex-direction:column;justify-content:flex-start}.kidDailyLogs-kid-name{font-size:2vw}.kidDailyLogs-kid-age{font-size:1.5vw}#add-dailyLog-button{color:#000;background-color:#d970d6;font-size:1.8vw;color:#fff}.daily-logs-content{margin:2vw 5vw;border-radius:10px;width:90vw;row-gap:6vw}.kid-moments,.kid-no-moments{font-size:2vw}#logs-div{display:flex;flex-wrap:wrap;column-gap:3vw;width:100%}.log-item{display:flex;flex-direction:column;width:28vw;border:1px solid rgb(244,197,204);border-radius:15px;padding:1vw;margin-bottom:2vw;align-items:flex-start;background-color:#f4c5cc;text-decoration:none;color:#000}.log-item-link{width:100%;color:#000}#daily-log-image{width:100%;object-fit:cover;border-radius:1vw;margin-right:2vw}.log-details{display:flex;flex-direction:column;row-gap:.5vw;padding-top:1vw;padding-left:1vw}.kidDailyLogs-log-title{font-size:1.2vw}.kidDailyLogs-log-post-date{font-style:italic;font-size:1vw}.kidDailyLogs-log-content{font-size:1vw}.update-delete-actions{display:flex;width:100%;justify-content:space-around;column-gap:3vw;padding-top:1vw;padding-left:1vw}.update-action-button{padding:.5vw 1vw;font-size:1vw;background-color:#d970d6}.delete-action-button{padding:.5vw 1vw;font-size:1vw;background-color:#6c757d}#likesAndComments-div{margin:0;padding:0;width:100%}#likesAndComments-div .icon{font-size:1.5vw}#likesAndComments-div #count-num,#likesAndComments-div #comment-num,#likesAndComments-div #comments{font-size:1.2vw}@media (max-width:1200px){.kidDailyLogs-kid-name{font-size:3vw}.kid-profile-img{width:7vw;height:7vw}.kidDailyLogs-profile-icon{width:10vw;height:10vw}.kid-moments,#logs-div{padding-left:1.2vw}.log-item{width:42vw}.kidDailyLogs-kid-age{font-size:2.5vw}#add-dailyLog-button{font-size:2.8vw}.kid-moments{font-size:3vw}.kidDailyLogs-log-title{font-size:2.2vw}.kidDailyLogs-log-post-date,.kidDailyLogs-log-content,.update-action-button,.delete-action-button,#likesAndComments-div .icon{font-size:2vw}#likesAndComments-div #count-num,#likesAndComments-div #comment-num{font-size:2.2vw}#likesAndComments-div #comments{font-size:2vw}}@media (max-width: 768px){.kidDailyLogs-kid-name{font-size:4vw}.kidDailyLogs-kid-age{font-size:3.5vw}.kid-profile-img{width:10vw;height:10vw}.kidDailyLogs-profile-icon{width:20vw;height:20vw}.kid-moments,#logs-div{padding-left:2vw}.log-item{width:85vw}.kidDailyLogs-kid-age{font-size:3vw}#add-dailyLog-button{font-size:3.8vw}.kid-moments{font-size:4vw}.kidDailyLogs-log-title{font-size:3.2vw}.kidDailyLogs-log-post-date,.kidDailyLogs-log-content,.update-action-button,.delete-action-button{font-size:3vw}#likesAndComments-div .icon{font-size:3.5vw}#likesAndComments-div #count-num,#likesAndComments-div #comment-num,#likesAndComments-div #comments{font-size:3.2vw}.log-item{padding:3vw}.update-delete-actions{padding-top:2vw}}.likes-div{position:relative;margin-top:1.5vw}#likes-count-div{display:flex;align-items:center;position:relative}.likes-list{list-style:none;padding:0vw 1vw;margin:0;position:absolute;top:2.5vw;left:0;display:none;background-color:#ccc;color:#000;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;z-index:10}.likes-list.show{display:block;border-radius:10px}.likes-list li{font-size:1.5vw}.likes-list li:last-child{border-bottom:none}#like-and-comment-div{display:flex;justify-content:space-around;align-items:center;padding-left:3vw}#comment-button{display:flex;align-items:center;background-color:transparent;border-radius:0%;gap:.5vw;color:#000;padding:0}.like-button{display:flex;background-color:transparent;border-radius:0%;gap:.5vw;border:none;padding:0}#comment-button:hover,.like-button:hover{background-color:#ccc}.icon{font-size:2vw;background-color:#9932cc;color:#fff;border-radius:50%;padding:.2vw}.icon-two{color:#000;padding:0;font-size:1.5vw}.icon-three{font-size:1.5vw;padding-top:.5vw}.div-like,#icon-and-count{display:flex;align-items:center;gap:1vw}.icon-container,.icon-two-container{display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;padding:.5vw}.like-like{color:#000;font-size:1.2vw}.liked .like-like{color:#9932cc;font-weight:700}.liked .icon-two{color:#9932cc}#count-num{padding-bottom:.6vw;font-size:1.5vw}#count-like-comment{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid grey}.count-comment-div{display:flex;align-items:center;gap:.8vw}#comment-num{font-size:1.5vw;padding-bottom:.5vw}#comments{font-size:1.5vw;padding-bottom:.25vw;color:#9932cc;font-weight:700}.comments-list{display:flex;flex-direction:column;row-gap:1vw;padding-top:1vw}.each-comment{display:flex;gap:2vw}.comment-user-image{width:5vw;height:5vw;border-radius:50%}.leave-comment-user-icon{width:8vw;height:8vw;color:#007bff}.show-comment-user-icon{width:5vw;height:5vw;color:#007bff}#like-and-comment-div{padding:.5vw;border-bottom:1px solid grey}.comment-user-info-content{border-radius:10px}.comment-user-name{font-weight:700;font-size:1vw}.comment-user-content{font-size:1vw}#leave-comment-div{display:flex;gap:1.5vw;justify-content:center;align-items:center}#leave-comment-div textarea{background-color:#b0c4de;font-size:1vw}#comments-section{display:flex;flex-direction:column}#send-comment-button{background-color:#f4c5cc;color:#b0c4de;font-size:2vw;font-weight:700;padding:0;margin:0}.comment-actions-buttons{display:flex;gap:1vw;padding-top:.25vw}.delete-action{padding:.25vw 1vw;font-size:1vw}.edit-comment-button{background-color:#d970d6;padding:.25vw 1vw;font-size:1vw}.edited-comment-textarea{font-size:1vw;background-color:#b0c4de}.edit-comment-update-button,.edit-comment-cancel-button{padding:.5vw;font-size:1vw;margin:0}.edit-comment-update-button{background-color:#d970d6}#update-cancel-comment-buttons{display:flex;gap:20px;justify-content:space-around}.edit-comment-cancel-button{background-color:#6c757d}.comment-comment{font-size:1.2vw}@media (max-width:1200px){#count-num,#comment-num,.likes-list li{font-size:2.5vw}.like-like{font-size:2vw}.icon{font-size:3vw}.icon-two{font-size:2.5vw}#comments{font-size:2vw}.icon-three{font-size:2.5vw}.comment-comment{font-size:2vw}.comment-user-image{width:7vw;height:7vw}.leave-comment-user-icon{width:10.5vw;height:10.5vw}.show-comment-user-icon{width:7vw;height:7vw}.comment-user-name,.comment-user-content{font-size:1.5vw}.comments-list{row-gap:2vw;padding-top:2vw}#leave-comment-div textarea,.edited-comment-textarea,.edit-comment-update-button,.edit-comment-cancel-button{font-size:1.5vw}#send-comment-button{font-size:3vw}.edit-comment-button,.delete-action{font-size:1.5vw}}@media (max-width: 768px){.icon{font-size:4vw}#count-num,#comment-num{font-size:3vw}.likes-list li{font-size:3.5vw}.like-like{font-size:3vw}.icon{font-size:3.5vw}.icon-two,#comments{font-size:3vw}.icon-three{font-size:3.5vw}.comment-comment{font-size:3vw}.comment-user-image{width:12vw;height:12vw}.leave-comment-user-icon{width:16vw;height:16vw}.show-comment-user-icon{width:12vw;height:12vw}#leave-comment-div textarea,.edited-comment-textarea,.comment-user-name,.comment-user-content{font-size:2.5vw}#send-comment-button{font-size:5vw}.edit-comment-button,.delete-action,.edit-comment-update-button,.edit-comment-cancel-button{font-size:2.5vw}}.daily-logs-form{display:flex;flex-direction:column;gap:2vw 5vw;margin:0 auto;padding:3vw;width:50vw;min-height:80vh;border-radius:10px;transform:translateY(50%,-50%)}.title-box1 label,.content-box2 label,.images-box3 label{font-size:2vw;color:#000}.title-box1 input,.content-box2 textarea{font-size:1.5vw;background-color:#e5e5e5;border:1px solid #E5E5E5}.images-box3 input{font-size:1.5vw}.content-box2{display:flex;flex-direction:column}.images-box3 img{width:40vw;height:30vw;padding-top:3vw}.dailyLog-submit-button{width:25vw;font-size:1.5vw;align-self:center;background-color:#d970d6;margin-top:2vw}@media (max-width: 1200px){.daily-logs-form{width:60vw;padding:2vw}.title-box1 label,.content-box2 label,.images-box3 label{font-size:2.5vw}.title-box1 input,.content-box2 textarea,.images-box3 input{font-size:2vw}.dailyLog-submit-button{width:30vw;font-size:2vw}}@media (max-width: 768px){.daily-logs-form{width:80vw;padding:1.5vw;row-gap:5vw}.title-box1 label,.content-box2 label,.images-box3 label,.title-box1 input,.content-box2 textarea,.images-box3 input{font-size:4vw}.images-box3 img{width:70vw;height:50vw}.dailyLog-submit-button{width:48vw;font-size:4vw}}.daily-log-details{display:flex;flex-direction:column;border-radius:15px;margin:0 auto;text-decoration:none;color:#000;width:40vw}.details-details{display:flex;border-radius:50px;flex-direction:column;row-gap:.5vw;padding:1vw 3vw;background-color:#f4c5cc}.image-image{border-radius:50px;width:100%;height:auto;aspect-ratio:16 / 12;object-fit:cover;object-position:top}.detail-delete-button{background-color:#6c757d;padding:.5vw .8vw;font-size:1.2vw}.detail-update-button{padding:.5vw .8vw;font-size:1.2vw;background-color:#d970d6}.dailyLogDetails-kid-name{font-size:2.5vw}.dailyLogDetails-title{font-size:1.5vw;color:#9932cc}#detail-post-date{font-size:1vw;font-style:italic}.dailyLogDetails-content{font-size:1.2vw}.details-details{padding:2vw 5vw}@media (max-width:1200px){.daily-log-details{width:60%}.dailyLogDetails-kid-name{font-size:3.5vw}#detail-post-date{font-size:2vw}.dailyLogDetails-title{font-size:2.5vw}.dailyLogDetails-content,.detail-delete-button,.detail-update-button{font-size:2.2vw}}@media (max-width: 768px){.daily-log-details{width:80%}.dailyLogDetails-kid-name{font-size:4.5vw}#detail-post-date{font-size:3vw}.dailyLogDetails-title{font-size:3.5vw}.dailyLogDetails-content,.detail-delete-button,.detail-update-button{font-size:3.2vw}.details-details{padding:3vw 6vw}}#current_image{width:44vw;border-radius:10px}.current-image-update{font-size:2vw}#update-cancel-div{display:flex;gap:5vw;justify-content:center}#dailyLog-update-button{font-size:1.5vw}#dailyLog-cancel-button{background-color:#6c757d;font-size:1.5vw}#dailyLog-cancel-button:hover{background-color:red}@media (max-width: 1200px){#current_image{width:55vw;height:35vw}.current-image-update{font-size:2.5vw}#update-cancel-div{gap:6vw}#dailyLog-update-button,#dailyLog-cancel-button{font-size:2vw}}@media (max-width: 768px){#current_image{width:76vw;height:50vw}.current-image-update{font-size:4vw}#update-cancel-div{gap:8vw}#dailyLog-update-button,#dailyLog-cancel-button{font-size:4vw}}#three-lists{display:flex;align-items:flex-start;gap:2vw;padding-right:3vw;min-height:80vh}.title-h3{font-size:2vw}#friends-container,#request-received-container,#request-send-container{display:flex;flex-direction:column;justify-content:flex-start;gap:2vw;padding:2vw;border-radius:10px;margin-left:3vw;width:30vw;min-width:250px;max-width:100%;box-sizing:border-box;background-color:#a0bdc1}.friend-request-div{display:flex;flex-direction:column;gap:.5vw}.friend-info-div{display:flex;gap:.5vw;width:22vw;border-radius:10px;box-shadow:.3vw .3vw .3vw .3vw gray;min-width:200px}.each-friend{display:flex;align-items:center;gap:1.5vw}.each-request-friend{display:flex;justify-content:space-between;align-items:center;padding:1vw 0vw;gap:1.5vw}#friends-list-container{display:flex;flex-direction:column;gap:1vw}#add-new-friend-button{font-size:1.5vw;width:24vw;min-width:150px;text-align:center}.denied-label{color:red;font-size:1.2vw;font-weight:700}.friend-profile-image{border-radius:50%;background-color:transparent;width:6vw;height:6vw;padding:.5vw}.friend-profile-icon{border-radius:50%;width:6vw;height:6vw;padding:.5vw;color:#007bff}.friend-kid-image{border-radius:50%;width:4vw;height:4vw}.friend-kid-div{display:flex;gap:1vw}.Link-friend-kid{display:flex;flex-direction:column;gap:1vw;color:#9932cc}.tooltip{visibility:hidden;opacity:0;width:16vw;color:#000;border-radius:10px;font-size:1vw;position:absolute;z-index:10}.each-kid:hover .tooltip{visibility:visible;opacity:1;width:16vw;background-color:#007bff;color:#fff;border-radius:10px;font-size:1vw;text-align:center;margin-top:3vw}.request-friend-info-div{display:flex;border-radius:10px;box-shadow:.3vw .3vw .3vw .3vw gray;align-items:center;gap:.5vw;padding-right:.5vw;width:18vw;min-width:150px;background-color:#a0bdc1}#requests-received-box,#sent-request-box{display:flex;flex-direction:column;gap:.5vw}.remove-friend-button{padding:.5vw .3vw;background-color:#6c757d;font-size:1vw}.accept-and-deny-buttons{display:flex;flex-direction:column;gap:.5vw;justify-content:center;align-items:center}.accept-friend-request-button{font-size:1vw}.cancel-friend-request-button,.deny-friend-request-button,.delete-friend-request-button{background-color:#6c757d;font-size:1vw}.friend-username-h4{font-size:1.5vw}.kid-name-p{font-size:1vw}@media (max-width:1200px){.each-friend{flex-direction:column;align-items:center;margin-bottom:1vw;row-gap:2vw}.each-request-friend{flex-direction:column;align-items:center}#add-new-friend-button{font-size:1.5vw;width:23vw}.each-kid:hover .tooltip{width:24vw;font-size:1.5vw;transform:translate(-30%,-35%)}.friend-username-h4{font-size:2vw}.kid-name-p,.accept-friend-request-button,.cancel-friend-request-button,.deny-friend-request-button,.delete-friend-request-button{font-size:1.5vw}.remove-friend-button{padding:1vw 1.5vw;font-size:1.5vw}.denied-label{font-size:1.5vw}.accept-and-deny-buttons{flex-direction:row;gap:1vw}}@media (max-width: 768px){#three-lists{flex-direction:column;padding-right:0}#friends-container,#request-received-container,#request-send-container{width:95%;margin:0vw 2vw;padding:4vw;max-width:100%;background-color:transparent}.each-friend,.each-request-friend,.friend-kid-div{flex-direction:row;gap:3vw}.friend-info-div,.request-friend-info-div{width:100%;gap:3vw;background-color:#a0bdc1;padding:2vw 4vw}.each-kid:hover .tooltip{width:50vw;font-size:3vw;transform:translate(-15%,50%)}.accept-and-deny-buttons{gap:2vw}.accept-and-deny-buttons button{width:100%;padding:1vw 2.5vw;border-radius:8px}#add-new-friend-button{font-size:4vw;width:66vw}.friend-profile-image,.friend-kid-image,.friend-profile-icon{width:15vw;height:15vw}.accept-friend-request-button{padding:.5vw 2.5vw}.title-h3,.friend-username-h4{font-size:5vw}.kid-name-p{font-size:4vw}.accept-friend-request-button,.cancel-friend-request-button,.deny-friend-request-button,.delete-friend-request-button,.remove-friend-button{font-size:3vw}.denied-label{font-size:4vw}.accept-and-deny-buttons{flex-direction:row}}#send-friend-request-container{display:flex;flex-direction:column;gap:2vw 5vw;margin:5vw auto;padding:3vw;width:40vw;min-height:60vh;border-radius:10px;transform:translateY(50%,-50%)}#send-friend-request-container input{font-size:1.5vw;background-color:#e5e5e5;border:1px solid #E5E5E5;padding:1vw}.send-friend-request-error-message{font-size:1.2vw;color:red}.result-div{display:flex;flex-direction:column;row-gap:.5vw}.search-result{font-size:1.2vw}#success-message{color:#000;font-size:1.2vw;background-color:#007bff;padding:.5vw;border-radius:10px;border:1px solid #007bff;color:#fff;text-align:center}.each-person{display:flex;justify-content:space-between;align-items:center}.person-image-name{display:flex;align-items:center;gap:2vw}.person-profile-image{border-radius:50%;width:5vw;height:5vw}.person-profile-icon{border-radius:50%;width:5vw;height:5vw;color:#007bff}.first-last-name{font-size:1.2vw}.add-friend-button{padding:.5vw;font-size:1.2vw}@media (max-width:1200px){#send-friend-request-container{width:60vw;padding:5vw;row-gap:3vw;min-height:65vh}#send-friend-request-container input{font-size:2.2vw;padding:2vw}.send-friend-request-error-message{font-size:2vw}.search-result{font-size:2.2vw}#success-message{font-size:2vw}.person-profile-image,.person-profile-icon{width:7vw;height:7vw}.first-last-name{font-size:2.2vw}.add-friend-button{font-size:2vw;padding:1vw 1.5vw}}@media (max-width: 768px){#send-friend-request-container{width:80vw;padding:6vw;row-gap:4vw;min-height:70vh}#send-friend-request-container input{font-size:3vw}.send-friend-request-error-message,#success-message{font-size:2.5vw}.result-div{row-gap:1.5vw}.search-result{font-size:3vw}.person-profile-image,.person-profile-icon{width:10vw;height:10vw}.first-last-name{font-size:3vw}.add-friend-button{padding:1vw 2vw;font-size:3vw}}*{margin:0;padding:0;box-sizing:border-box;font-family:Georgia,Times New Roman,Times,serif}body{line-height:1.6;background-color:#f8f9fa;color:#000;background-image:url(https://bundle-of-joy-july24.s3.us-west-1.amazonaws.com/background.png);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;min-height:100vh}#modal-content{border-radius:30px}a,link{text-decoration:none}a,link:hover{text-decoration:none;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:20px}button{display:inline-block;padding:10px 15px;font-size:16px;border:none;border-radius:10px;background-color:#007bff;color:#fff}button:hover{cursor:pointer;background-color:red;transform:scale(1.05)}input,select,textarea{width:100%;padding:10px 15px;border:1px solid #ccc;border-radius:10px;font-size:16px}.text-center{text-align:center}