@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg-body: #f8f2e5;--bg-logo: #ffffff;--font-primary: "Poppins", sans-serif;--font-weight-bold: 500;--color-dark-gray: #212121;--clr-white: hsl(0, 0%, 100%);--clr-primary-5: hsl(205, 78%, 60%);--clr-red-dark: hsl(357, 92%, 49%);--clr-red-light: hsl(360, 71%, 66%);--radius: .5rem;--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--fixed-width: 620px;--transition: all .3s linear}#menuBar{background-color:#fffc;width:100%;text-align:center;padding-top:10px;padding-bottom:10px;display:flex;justify-content:center;align-items:center}#logoImg{max-width:100%;height:auto;width:auto;display:block}#first_container{display:flex;gap:48rem;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;max-width:1440px;margin:0 auto}#left_container{display:flex;align-items:center;gap:1rem}#textContainer{display:flex;flex-direction:column;gap:3rem}#textContainer p:first-of-type{font-size:1.25rem;font-weight:500;color:#212121}#editContainer{display:flex;align-items:center;gap:10px;margin-top:8px;cursor:pointer;opacity:.7}#editContainer:hover{opacity:1;transition:all ease .3s}#textContainer p:nth-of-type(2){font-size:.95rem;color:#212121b2;margin-bottom:40px}#textContainer span{font-size:.9rem;color:#212121}#textContainer span p{font-size:.58rem;color:#212121}#right_container{display:flex;width:120px;height:40px;flex-direction:row;justify-self:center;align-content:center;align-items:center;border:1px solid #212121;border-radius:5px;background-color:#111;gap:.4rem;font-size:1rem;margin-top:200px;padding:.5rem}#right_container:hover{background-color:#343333;cursor:pointer;transition:all ease .3s}#right_container img{height:20px;width:20px;filter:invert(1)}#right_container p{color:#fff}body{background-color:var(--bg-body);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-primary);min-height:100vh}img{max-width:100%;height:auto;display:block}#bodyPart{max-width:90%;padding:2.5rem 0;margin:2rem auto;border-block:1px solid rgba(33,33,33,.4);display:grid;grid-template-columns:1fr;gap:2.25rem 1.25rem}.card-component{min-width:100%}.card-data{margin-top:.5rem;display:flex;justify-content:space-between}.card-data p{color:var(--color-dark-gray);font-size:1rem;font-weight:var(--font-weight-bold);flex-basis:75%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.like-button{background:transparent;outline:none;border:none}.sr-only{clip:rect(1px 1px 1px 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}#image-3{border-radius:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;display:flex;justify-content:center;align-items:center;transition:var(--transition);visibility:hidden;z-index:-10}.open-modal{visibility:visible;z-index:10}.modal-container{background:var(--clr-white);border-radius:var(--radius);width:90vw;max-width:500px;padding:2rem;text-align:center;position:relative;box-shadow:var(--light-shadow);margin-top:50px}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:#ffffffe6;border:none;color:var(--clr-red-dark);cursor:pointer;transition:var(--transition);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;z-index:11}.close-btn:hover{color:var(--clr-red-light);transform:scale(1.1);background:#fff}.modal-close-btn{position:absolute;font-size:1.5rem;background:#ffffffe6;border:none;color:var(--clr-red-dark);cursor:pointer;transition:var(--transition);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;z-index:11;top:-40px;right:5px}.modal-close-btn:hover{color:var(--clr-red-light);transform:scale(1.1);background:#fff}.modal-form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.modal-form p{font-size:1.25rem;font-weight:500;color:var(--color-dark-gray);margin-bottom:.5rem}.form-row-1,.form-row-2{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{text-align:left;font-size:.9rem;color:var(--color-dark-gray);font-weight:500}.form-input{width:100%;height:40px;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#f8f9fa;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--clr-primary-5)}.upload{width:100%;padding:.75rem;border:1px dashed #ccc;border-radius:4px;background-color:#f8f9fa;cursor:pointer;height:auto;min-height:45px;display:flex;align-items:center}.upload::-webkit-file-upload-button{background-color:var(--clr-primary-5);color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;height:35px;margin-right:10px}.upload::-webkit-file-upload-button:hover{background-color:var(--clr-primary-5);opacity:.9}.submit-btn{width:100%;max-width:200px;margin:0 auto;padding:.75rem 1.5rem;border-radius:4px;background-color:var(--color-dark-gray);color:#fff;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.submit-btn:disabled{background-color:#666;cursor:not-allowed}.submit-btn:not(:disabled):hover{background-color:#000;opacity:.9}.copyright{text-align:center}@media (min-width: 600px){#bodyPart{grid-template-columns:repeat(2,1fr)}.card-data p{font-size:.9rem;flex-basis:70%}}@media (min-width: 1024px){#bodyPart{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){#bodyPart{grid-template-columns:repeat(3,1fr);gap:2.75rem 1.5rem}}.consistent-img{width:100%;height:auto;border-radius:.75rem;object-fit:cover}.like-button svg{stroke:#212121;fill:none;opacity:.6;transition:all .3s ease}.like-button:hover svg{opacity:1}.like-button.liked svg{fill:var(--clr-red-dark);stroke:var(--clr-red-dark);opacity:1}.like-button.liked:hover svg{opacity:.7}@media screen and (max-width: 768px){#bodyPart{display:grid!important;grid-template-columns:1fr!important;max-width:95%!important;padding:1.5rem 0!important;gap:1.5rem!important;margin:1rem auto!important}.card-component{min-width:100%!important;max-width:100%!important}.card-data p{font-size:.9rem!important}.modal-container{width:95vw!important;margin:1rem!important;padding:1.5rem!important}.editModal-content{width:90vw!important;max-width:350px!important;padding:20px!important}.like-button{min-width:44px!important;min-height:44px!important;padding:8px!important}#first_container{gap:1rem!important;flex-direction:column!important;align-items:center!important}#left_container{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1rem!important}#textContainer{order:2!important;align-items:center!important;text-align:center!important;gap:.5rem!important}#right_container{margin-top:.5rem!important;order:3!important}body{padding:1rem!important}}@media screen and (max-width: 480px){#bodyPart{max-width:98%!important;padding:1rem 0!important;gap:1rem!important}.card-data p{font-size:.85rem!important}.modal-container{padding:1rem!important}.editModal-content{width:95vw!important;padding:15px!important}}.editModal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);justify-content:center;align-items:center}.editModal-content{background:var(--bg-body);padding:25px;border-radius:8px;width:300px;position:relative;z-index:1000}.close{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer}#editName,#popSave{padding:5px;width:100%}#popSave{margin-top:10px;background-color:var(--color-dark-gray);color:#fff;border-radius:5px;cursor:pointer}