:root{--color-primary-dark: #7a1f31;--color-secondary: #ffc9d5;--color-white: #fff;--color-dark-grey: #1e1e1e;--color-success: #5c8746;--color-error: #d51d1d;--font-default: "Quicksand", sans-serif;--font-headings: "Modak", system-ui;--fontsize-15: 15px;--fontsize-17: 17px;--fontsize-20: 20px;--fontsize-35: 35px;--fontweight-thin: 300;--fontweight-normal: 400;--spacing-4: 4px;--spacing-8: 8px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px}.feed-container{margin:0 auto;align-self:center}.feed-top{width:100%;display:flex;justify-content:space-between;align-items:flex-end;justify-self:center;margin-bottom:var(--spacing-8);gap:var(--spacing-8)}@media(min-width:768px){.feed-top{width:500px}}.search-form{flex-grow:1}.input-icon{position:relative}.input-icon i{color:var(--color-primary-dark);font-size:var(--fontsize-20);position:absolute;margin-left:-50px;margin-top:10px}.feed-grid{display:flex;flex-direction:column;align-items:center}.card,.post-image-container,.card-image,.post-body-container{border-radius:5px}.card{width:100%;height:fit-content;background:var(--color-primary-dark);padding:var(--spacing-16);margin-bottom:var(--spacing-8)}@media(min-width:768px){.card{width:500px}}.post-image-container{width:100%;height:fit-content}.card-image{width:100%;height:100%;object-fit:cover;object-position:center}.post-body-container{background:var(--color-white);padding:var(--spacing-8);margin-top:var(--spacing-8)}.post-body-title{font-weight:var(--font-weight-normal)}.post-body{color:var(--color-dark-grey)}.post-user,.post-date{color:var(--color-white)}.post-user{font-weight:500;margin-top:var(--spacing-8)}.load-more-btn-container{text-align:center}.load-more-btn{display:block;margin:var(--spacing-16) auto}.add-post-form-overlay{background:var(--color-white);border:solid var(--color-white);border-radius:5px;padding:var(--spacing-16);width:300px;min-height:fit-content;position:fixed;inset:0;margin:auto;z-index:9999}@media(min-width:768px){.add-post-form-overlay{width:550px}}.add-post-form{display:flex;flex-direction:column;gap:var(--spacing-16)}.edit-delete_post_btn{margin-top:var(--spacing-8);text-align:right}#details-container,#user-posts-container{max-width:500px;margin:0 auto}.user-post-container{margin-top:var(--spacing-16)}.profile-information-container{display:flex;justify-content:space-between}.profile-information-flexbox{display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing-16)}.profile-avatar{width:100px;height:auto}.my-user-follower-container{padding:var(--spacing-16)}.followers-flex-direction-box{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8)}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}html{scroll-behavior:smooth}html,body{height:100%}body{line-height:1.5;background:var(--color-secondary);font-family:var(--font-default);font-size:var(--fontsize-17)}@media(min-width:768px){body{font-size:var(--fontsize-18)}}main{max-width:1000px;margin:0 auto;padding:var(--spacing-16);min-height:100vh}button,label,input,a,select{font:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}a{text-decoration:none;color:var(--color-primary-dark)}.link{font-family:var(--font-default);font-weight:var(--fontweight-thin);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:.5px}h1,h2,h3{color:var(--color-primary-dark)}h1{font-family:var(--font-headings);font-size:var(--fontsize-20);font-weight:var(--fontweight-normal)}@media(min-width:768px){h1{font-size:var(--fontsize-35)}}h2,p{font-weight:var(--fontweight-thin)}h2{font-size:var(--fontsize-20);font-weight:600}h3{font-weight:var(--fontweight-normal)}button,.cta{cursor:pointer;transition:all .3s ease-in-out;border-radius:5px;border:none;display:inline-flex;align-items:center;padding:12px 24px;gap:12px}.primary-btn{background:var(--color-primary-dark);color:var(--color-white);font-weight:var(--fontweight-thin)}.secondary-btn{color:var(--color-primary-dark);background:var(--color-secondary);font-weight:var(--fontweight-normal)}.form-spacing{margin-top:12px}label{color:var(--color-primary-dark)}input,textarea,select{width:100%;display:inline-flex;padding:8px 12px;align-items:center;gap:8px;border-radius:5px;border:.5px solid #585858}input:hover{border-radius:5px;border:1px solid var(--color-primary-dark)}input:focus,textarea:focus{border-radius:5px;border:1.5px solid var(--color-primary-dark)}.input-error{border:1px solid var(--color-error)}header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}nav ul{display:flex;flex-direction:row;gap:var(--spacing-24)}footer{text-align:left;padding:var(--spacing-24);margin-top:var(--spacing-32);background:var(--color-primary-dark);color:var(--color-white)}.success-text{color:var(--color-success)}.error-text{color:var(--color-error)}.section-welcome-page{padding-top:200px;text-align:center;font-size:var(--fontsize-20)}.welcome-text{font-size:var(--fontsize-35);margin-bottom:50px}