:root{font-family:Urbanist,serif;font-optical-sizing:auto;font-weight:400;height:100%;width:100%;color-scheme:light dark;color:#ffffffde;background-color:#9fc6e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-scroll{overflow:hidden}a{font-weight:500;color:#222e9e;text-decoration:inherit}textarea{resize:none;outline:none;font-family:Urbanist,serif;border:none;background-color:#fff0;color:#333;overflow-y:hidden}body{width:100%;height:100%;padding:0;margin:0 auto}.error-message{color:red;font-family:Urbanist,serif}.signUpForm,.loginForm{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:40vw;margin:0 auto}.loginForm{height:100vh}.registration,.login{display:flex;flex-direction:column;justify-content:center;width:70%;border:1px gray solid;border-radius:20px;padding:40px}.registration{margin:50px 0;height:fit-content}.user-photo{margin-bottom:40px}.buttons{display:flex;flex-direction:row;justify-content:space-between}h2{color:#ec7f03;font-size:40px;text-align:center;margin-bottom:10px;margin-top:5px}h4{width:60%;font-size:25px;color:#ec7f03}label{font-size:25px;margin-top:10px}input{font-size:20px;width:95%;background-color:#7aa2e69c;border-radius:5px;border:solid 1px gray;padding:5px;font-family:Urbanist,serif}input::placeholder{color:#fff}.button-login{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;margin-top:40px}select{padding:8px;background-color:#7aa2e69c;border-radius:5px;border:solid 1px gray;font-size:20px;width:100%}.toSign{text-align:center}.birthdate{font-family:Urbanist,serif}.burger-button{font-size:40px;background:none;border:none;cursor:pointer;position:fixed;top:10px;left:10px;z-index:150}@media (max-width: 768px){.burger-button{display:none}span{font-size:14px}p{overflow:hidden;text-overflow:ellipsis;max-width:100%}.loginForm{width:80vw;margin-top:50px}.signUpForm{width:80vw;margin-bottom:20px;height:fit-content;margin-top:50px}.toSign{word-wrap:break-word;overflow-wrap:break-word}.birthdate{width:100%!important}}@media (min-width: 768px) and (max-width:1024px){.loginForm{width:70vw}.signUpForm{width:70vw;margin-top:10%;height:fit-content}}.home-container{padding-top:20px;margin-left:30%;height:100%;width:65%;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-feed-content{width:70%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.post-feed{margin-top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-bar{display:flex;justify-content:center;margin-bottom:20px;width:100%}.search-bar input{width:95%;padding:10px;background-color:#9fc6e8;box-shadow:0 4px 8px #00000041,0 2px 4px #00000018;border:none}.user-card-container{display:flex;flex-direction:row;justify-content:start;align-items:center;padding:10px;background-color:#f9f9f9;border-radius:5px;margin-top:10px;width:96%}.user-card{width:100%}.user-card-container img{width:50px;height:50px;border-radius:50%;margin-right:10px}.user-card-link{display:flex;flex-direction:column;align-items:center}.user-search-results{margin-bottom:10px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.userInfo{display:flex;flex-direction:column;justify-content:space-between;align-items:start;height:100%}.userInfo h3{margin:0;font-size:16px;font-weight:700;color:#1510b892}.userInfo p{margin:0;color:#555}.search-box{width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:630px}@media (max-width: 768px){.log-out{text-align:end}.home-feed-content{width:95%}.home-container{margin:0 auto 45px;width:95%}}.button{margin:15px 0 0;font-size:16px;border-radius:4px;cursor:pointer;border:none;width:fit-content;background:none;color:#fff}.delete{background-color:#e74c3c;color:#fff;padding:10px 20px}.delete:hover{background-color:#eb240e}.button.primary,.button.log-out{background-color:#ec7f03;color:#fff;padding:10px 20px}.button.primary:hover{background-color:#1510b892;color:#fff}.button.secondary{background-color:#1510b892;color:#fff;padding:10px 20px}.button.secondary:hover{background-color:#ec7f03}.like{color:#ccc;transition:color .3s ease;font-size:2.2rem;padding:0;margin:0}.heart.liked{color:red}.inComment{width:16px;height:16px}.button.edit{border:none;text-align:end;text-decoration:none;font-size:16px;cursor:pointer;padding:0}.more{text-align:end;margin:0;padding:0;width:100%}.send-comment-btn{margin:0}.send-comment-btn img{width:25px;height:25px}@media (max-width: 1024px) and (min-width: 501px){.heart.liked{color:red}.heart{font-size:35px;color:gray}.heart:hover{color:#ff80ab;background-color:none}.inComment{font-size:12px!important}}@media (max-width: 500px){.heart.liked{color:red}.heart{font-size:25px!important;color:gray}.heart:hover{color:#ff80ab;background-color:none}.button{font-size:12px}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-input{margin-bottom:10px}button{margin-top:10px}.modal-content{background:#9fc6e8;padding:20px;border-radius:8px;text-align:center;max-width:700px;min-width:300px;position:relative}.modal-buttons{display:flex;flex-direction:row;justify-content:space-around;margin-top:20px}.comments{display:flex;flex-direction:row;gap:20px;padding:40px 20px}.comment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.comment-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:800px;position:relative}.close-button{position:absolute;font-size:larger;top:0;right:15px;color:#fff;border:none;border-radius:50%;padding:5px;cursor:pointer}.comment-text{text-align:start;padding:0;margin:0;word-wrap:break-word;overflow-wrap:break-word}.comment-post{width:300px;display:flex;flex-direction:column;align-items:start}.comment-post .post-image{width:100%;height:300px}.comment-list{margin-bottom:20px;overflow-y:scroll;max-height:300px;overflow-x:hidden}.comments-count{padding:5px 0;color:#333}.post-name,.post-login{color:#333}.comment-input{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%;height:fit-content}.comment{border-bottom:1px solid #333;padding-bottom:5px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:15px;width:100%}.comment-author{display:flex;align-items:center;align-items:start;justify-content:start;max-width:80%;width:fit-content}.comment-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.comment-name{font-weight:700}.comment-textarea{background-color:#9fc6e8;height:20px;width:80%;padding:10px;margin-bottom:10px;border:none}.comments-section{width:300px}.comment-content{color:#333}.comment-details{text-align:start;width:75%}.comment-actions{width:20%}.award-post-title{width:100%;text-align:center}.edit-comment{font-size:14px;margin:0}@media (max-width: 768px){.comments{padding:10px}.comment-textarea{font-size:12px}.comment-avatar{width:30px;height:30px}.send-comment-btn img{width:20px;height:20px}.edit-comment{font-size:10px}}.post-feed{gap:10px;height:fit-content;width:95%}.posts-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.post{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:15px 0;padding:15px;max-width:600px;width:95%;transition:all .3s ease-in-out}.post-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px}.user-name{cursor:pointer}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px;cursor:pointer}.post-header span{font-weight:700;font-size:16px;color:#333}.user-info{display:flex;flex-direction:row;align-items:center}.follow,.like{border:none;cursor:pointer;border-radius:4px;margin-left:auto;color:gray}.comment-picture{width:60px;height:60px}.post-author{display:flex;flex-direction:row;padding:5px 0}.comment-content{text-align:start}.post-image{cursor:pointer;width:100%;height:auto;max-height:400px;border-radius:8px;object-fit:cover}.post-footer{margin-top:10px}.actions{display:flex;justify-content:end;align-items:center}.edit-follow{display:flex;flex-direction:row;gap:5px}.loading-text{margin-top:20px;font-size:1rem;color:#fff}.likes-count{font-size:16px}.award-comment{color:red;margin:10px 0 0}.post-comment{font-size:14px;color:#555;margin:0;font-size:16px}.feed-container{margin-bottom:20px}@media (max-width: 768px){.post{padding:10px;margin:10px 0}.profile-pic{width:35px;height:35px}.post-header span{font-size:14px}.post-footer p{font-size:13px}.actions button{font-size:12px;padding:4px 8px}.posts-container{width:100%}.feed-container{margin-bottom:60px}}@media (max-width: 480px){.post{padding:8px;margin:5px 0}.profile-pic{width:30px;height:30px}.post-header span,.post-footer p{font-size:12px}.actions button{font-size:11px;padding:3px 6px}.likes-count{font-size:12px}}.sidebar{position:fixed;top:0;height:100%;width:25%;background-color:#439deb;border-top-right-radius:20px;border-bottom-right-radius:20px;left:-30%;box-shadow:2px 0 5px #0000001a;transition:left .3s ease;z-index:100;display:flex;flex-direction:column;justify-content:center}.sidebar.open{left:0;padding-left:10px;padding-right:10px;display:flex;flex-direction:column;justify-content:center}.sidebar h2{text-align:center;margin-bottom:20px}.sidebar ul{list-style-type:none;padding:0}.home-img{width:30px;height:30px;margin-left:2px}.pages-nav{border-radius:15px;margin-bottom:10px;display:flex;flex-direction:row;align-items:center;gap:15px;border:1px solid transparent}.pages-nav:hover{background:#68b8fd;border:#333 1px solid;box-shadow:0 4px 8px #00000041,0 2px 4px #00000018;font-weight:700}.sidebar a{text-decoration:none;color:#333;font-size:16px;width:100%;height:32px;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:15px;padding:5px}.sidebar a:hover{color:#000}.sidebar_content{height:80%;display:flex;flex-direction:column;justify-content:start;margin-top:10%}.home{order:1}.account{order:2}.edit{order:3}.awards{order:4}.user-awards-progress{order:8}.profile-container{display:none}@media (max-width: 768px){.sidebar{top:auto;bottom:0;height:60px;width:100%;border-radius:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.sidebar_content{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:0;width:100%}.sidebar.open{width:100%;padding:0}.sidebar ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;padding-top:15px}.nav-icon{width:32px;height:32px}.pages-nav:hover{background:none;border:none;box-shadow:none;font-weight:400}.sidebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0}.pages-nav{margin:0;padding:0;display:flex;flex-direction:row;align-items:center}.home{order:1}.account{order:5}.edit{order:4}.awards{order:2}.message{order:3}.user-awards-progress{order:2}}@media (min-width: 769px){.user-awards-progress{display:none}}.profileInfo{display:grid;grid-template-columns:1fr 2fr;gap:2%;justify-content:space-between}.img{width:8vw;height:8vw;border-radius:50%;border:#333 1px solid;background-repeat:no-repeat;background-position:center;object-fit:cover;background-color:navy}.account-userInfo{display:flex;flex-direction:column;justify-content:center;gap:15px;width:fit-content}.followers{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;width:100%}.followers-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.name{color:#333;margin:0;font-size:1.5rem}.email{color:#333;font-weight:700;margin:0;font-style:italic;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li{padding:0;margin:0}ul{list-style-type:none;width:90%}h3{color:#1510b892;font-size:30px;text-align:center;margin-top:0}.info{display:flex;flex-direction:column;justify-content:center;align-items:center}.disabled{display:none}.show{display:block}.number_followers{padding:5px}@media (max-width: 768px){.disable{display:none!important}.show{display:block}.followers{padding:0 0 10px;border-bottom:1px solid #333;margin-top:15px;width:100%;gap:10px}.img{width:20vw;height:20vw}.profileInfo{display:flex;flex-direction:column;align-items:center;justify-content:center}.info{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;padding:5px 0}.account-userInfo{align-items:center;gap:0}}.account-container{margin-left:29%;height:100%;width:70%;display:grid;grid-template-columns:1.5fr 1fr}.feed-content{width:70%;height:100%}@media (max-width: 768px){.account-container{display:flex;flex-direction:column;align-items:center;width:95%;margin:0 0 45px}.account{display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-container{order:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.feed-container{display:flex;flex-direction:column;justify-content:center;align-items:center;order:2;width:100%}.profile-container{display:block;width:95%;margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#439deb;border-radius:15px;padding:5px}.show-progress{display:none}}@media (max-width: 1024px) and (min-width: 769px){.account-container{margin-left:30%;height:100%;width:70%;display:grid;grid-template-columns:2fr 1fr}}@media (min-width: 769px){.progress-container{margin-top:20px}}.awards-page{width:80%;height:fit-content;display:flex;flex-direction:column;justify-content:start}.awards-title{margin:20px 0;text-align:start;width:100%}.awards-list{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;justify-items:center;padding:16px}.award-circle{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-weight:700;height:60px;width:60px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.award-circle img{display:none}.award-circles-user{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:20px}.award-circle-user p{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.award-circle-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background-color:#67b3e8;color:#fff;font-size:18px;font-weight:700}.award-circle-user{width:60px;height:60px}.award-name{margin-top:8px;font-size:14px;text-align:center;color:#333}.award-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.award-grid-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.award-grid-item img{width:60px;height:60px;border-radius:50%}.award-grid-item span{margin-top:5px;text-align:center}.add-award-container{margin-left:29%;height:100%;width:70%;margin-top:20px}.add-award-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}label{font-family:Urbanist,serif;font-weight:700}input,textarea{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc}textarea{height:fit-content;width:95%;font-size:18px}.error-message{color:red;font-weight:700}.award-list-title{font-size:14px}progress{width:100%;height:20px;border-radius:10px}.progress-modal-title{margin-bottom:15px}progress::-webkit-progress-bar{background-color:#e0e0e0;border-radius:10px}progress::-webkit-progress-value{background-color:#4caf50;border-radius:10px}progress::-moz-progress-bar{background-color:#4caf50;border-radius:10px}.weight-progress{display:flex;flex-direction:row;justify-content:space-between;align-items:end;width:100%}.weight-title{font-size:18px;margin:0}.weight-inputs{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}@media (max-width: 768px){.awards-page{width:90%}.show-progress{display:block}.hide-progress{display:none}.awards-title{margin-top:0;padding-top:20px}.add-award-container{padding:0;margin-left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;width:100%;height:100%}.add-awards-admin{width:90%}.progress-block{margin-top:20px}}.progress{width:80%;height:200px;display:flex;flex-direction:column;align-items:end;justify-content:start}.progress-title{text-align:start;width:100%;margin:15px 0}.progress-container{padding-right:5px;width:100%}.progress-boxes{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:100%;height:fit-content}.progress-boxes-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start}.progress-box{height:180px;width:fit-content;max-width:100%;background-color:#fff;border:2px solid #ddd;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.progress-kind{color:#333;text-align:center}.progress-box{width:138px;height:230px}.progress-box-image{width:100%;height:180px;object-fit:cover}.progress-in-account{width:100%}.add-post{background-color:#e0e0e0;cursor:pointer}.add-icon{font-size:36px;color:#555}.view-more{margin-top:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.view-more:hover{background-color:#45a049}.userProgress-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.userProgress{display:flex;flex-direction:column;width:85%;height:100%}.show-progress{display:none}.hide-progress,.always-show{display:block}@media (max-width: 768px){.show-progress{display:block}.hide-progress{display:none}.progress{height:100%;width:90%}.userProgress-container{margin-top:20px}.userProgress{margin-bottom:80px}}@media (max-width: 1024px) and (min-width: 769px){.progress-boxes{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.progress-boxes-container{align-items:center}}@media (min-width: 769px){.show-progress{display:block}}.edit-page{display:flex}.edit-container{margin-left:30%;height:100%;padding:0;width:70%}.edit-form{display:flex;flex-direction:column;width:60%;justify-content:center}.form-group{display:flex;flex-direction:column}label{margin-bottom:5px;font-weight:light;font-size:18px}.edit-title{text-align:center}input{padding:8px;border:1px solid #ccc;border-radius:4px;width:96%;color:#fff}.edit-content-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:60px}@media (max-width: 768px){.logOut{margin-bottom:0;padding-top:10px;color:red;border-top:1px solid #333}.edit-form{width:90%}.edit-title{width:100%}.edit-container{margin-left:0;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.edit-page{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:90px}.edit-content-form{margin-bottom:90px}}@media (min-width: 769px) and (max-width: 1024px){.logOut{margin-bottom:0;padding-top:10px;color:red;border-top:1px solid #333}.edit-title{width:100%}.edit-container{margin:0 auto 60px;display:flex;flex-direction:column;align-items:center;width:95%}.edit-container{margin-left:20%}}@media (min-width: 1025px){.logOut{margin-bottom:0;padding-top:10px;color:red;border-top:1px solid #333}.edit-content-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}}