:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#1d1d1d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.photo{max-width:15rem;height:auto;padding:3%;border-radius:50%}.center-flex{display:flex;justify-content:center;align-items:center}.left-flex{display:flex;flex-direction:column;align-items:flex-start}.login-btn{position:absolute;top:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);height:clamp(30px,5vw,40px);width:clamp(60px,10vw,100px);font-size:clamp(10px,1vw,20px)}.edit-profile-btn{margin-top:20px}.container{display:flex;gap:16px}.post-img{max-width:100%;padding-top:3%;display:block;margin:0 auto}.back-btn{position:absolute;top:20px;left:20px}.post-view{position:relative}body{margin:0}a:hover{color:#00008b}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-container{display:flex;flex-direction:column}.posts-container{display:block}.posts-title{font-size:clamp(12px,2vw,26px);font-weight:700;color:#000;text-align:left;display:block;margin:0rem 0rem 0rem clamp(1rem,10vw,8rem)}.post-content>:first-child{margin:0!important}.post-content img{max-width:100%;border-radius:8px;display:block;margin:auto}.post-content{background:#e9e9e9;border-radius:20px;margin:0rem clamp(1rem,7vw,10rem) 2rem clamp(1rem,7vw,10rem);padding:1rem;text-align:left}.post-title{font-size:clamp(12px,2vw,26px);text-align:left;margin:0rem 0rem 0rem clamp(1rem,10vw,8rem)}.post-footer{display:flex;justify-content:flex-end}.profile-edit{height:clamp(30px,5vw,40px);width:clamp(100px,10vw,150px);font-size:clamp(10px,1vw,20px);background-color:#e9e9e9}.posts-header{display:flex}.post-add-icon{margin:.5rem;border-radius:20%;width:clamp(1rem,5vw,2rem);object-fit:cover;aspect-ratio:1 / 1}.createProjectBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.createProjectModal{background:#e9e9e9;padding:20px;border-radius:20px}.createProjectContainer{display:flex;flex-direction:column;width:clamp(10rem,70vw,100rem);height:clamp(10rem,130vw,40rem);align-items:center;gap:clamp(.5rem,2vw,10rem);padding:clamp(0rem,2vw,10rem)}.projectNameField,.projectUrlField{width:100%;padding:clamp(5px,1vw,10px) clamp(8px,1vw,10px);background-color:#fff;border:1px solid white;border-radius:8px;font-size:16px}.projectDescriptionField{width:100%;flex:1;resize:none;padding:clamp(5px,1vw,10px) clamp(8px,1vw,10px);background-color:#fff;border:1px solid white;border-radius:8px;font-size:16px}.createProject{background-color:#fff}.edit-profile-photo-preview{width:clamp(5rem,10vw,15rem);object-fit:cover;aspect-ratio:1 / 1;height:auto;border-radius:50%}.edit-profile-field{width:100%;padding:clamp(5px,1vw,10px) clamp(8px,1vw,10px);background-color:#fff;border:1px solid white;border-radius:8px;font-size:16px}.edit-profile-container{display:flex;flex-direction:column;width:clamp(10rem,70vw,100rem);height:clamp(5rem,60vw,40rem);align-items:center;gap:clamp(.5rem,2vw,10rem);padding:clamp(0rem,2vw,10rem)}.project-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-modal{background:#e9e9e9;padding:20px;border-radius:20px}.project-header-container{display:flex;flex-direction:row;align-items:center;width:clamp(10rem,70vw,100rem);height:clamp(1rem,10vw,5rem);gap:clamp(.5rem,2vw,10rem);padding:clamp(0rem,2vw,10rem);justify-content:center}.modal-project-footer{position:relative;width:clamp(10rem,70vw,100rem);height:clamp(3rem,5vw,10rem)}.project-container{display:flex;flex-direction:column;align-items:center;width:clamp(10rem,70vw,100rem);height:clamp(10rem,130vw,30rem);gap:clamp(.5rem,2vw,10rem);padding:0 clamp(0rem,2vw,10rem)}.modal-project-name,.modal-project-description{font-size:16px}.modal-project-description{flex:1;width:100%;text-align:justify;overflow-y:auto}.modal-close-roject{position:absolute;top:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);height:clamp(30px,5vw,40px);width:clamp(70px,10vw,150px);font-size:clamp(10px,1vw,20px);background-color:#fff}.post-page-header{display:flex;justify-content:flex-start;padding:10px}.post-page-title{font-size:clamp(24px,2vw,36px);font-weight:700;text-align:left;margin:0rem 0rem 0rem clamp(1rem,10vw,3rem)}.post-page-body{margin:0rem clamp(1rem,10vw,8rem) 0rem clamp(1rem,10vw,8rem)}.post-page-content{background:#e9e9e9;border-radius:20px;padding:1rem;margin:1rem;text-align:left}.post-page-back-button{margin:clamp(10px,3vw,20px) 0 clamp(10px,3vw,20px) clamp(10px,3vw,20px);height:clamp(30px,5vw,40px);width:clamp(70px,10vw,150px);font-size:clamp(10px,1vw,20px);background-color:#e9e9e9}.post-page-content img{max-width:100%;border-radius:8px;display:block;margin:auto}.post-page-content>:first-child{margin:0!important}.post-page-body-header{display:flex;align-items:baseline;gap:10px}.feed-container{display:flex;flex-flow:column;padding:10px;gap:10px}.profile-container{display:flex;justify-content:center}.profile-photo-container{margin:clamp(1rem,3vw,2rem)}.profile-photo{width:clamp(7rem,20vw,10rem);border-radius:50%;border:1px solid rgba(255,255,255,.2)}.profile-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.name{font-size:clamp(18px,3vw,36px);font-weight:700;color:#fff}.description{font-size:clamp(10px,1vw,18px);color:#fff;white-space:pre-line;text-align:left}.position{font-size:clamp(10px,1vw,18px);color:#fff}.no-data-banner{color:#8c8c8cb3;font-size:clamp(18px,3vw,46px);font-weight:700}.feed-type{background-color:#8c8c8c66;border:1px solid rgba(255,255,255,.1);border-radius:15px;font-size:clamp(10px,1.5vw,12px);font-weight:700;padding:0 15px;color:#fff;display:flex;align-items:center;cursor:pointer}.feed-type-active,.feed-type:hover{background-color:#8c8c8cb3}.feed-filter-by-topic-select{background-color:#8c8c8c66;border:1px solid rgba(255,255,255,.1);border-radius:15px;font-size:clamp(10px,1.5vw,12px);font-weight:700;padding:0 10px;height:100%;color:#fff;outline:none;box-shadow:none}.feed-filter-by-topic-select:hover{background-color:#8c8c8cb3}.feed-header{display:flex;justify-content:flex-start;align-items:center;gap:clamp(.5rem,8vw,1rem);height:clamp(1rem,7vw,2rem);background-color:#8c8c8c4d;border-radius:25px;max-width:1000px;margin:0 auto;padding:3px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);position:sticky;top:clamp(1rem,7vw,1rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%}.feed-header-filter{width:100%;height:100%;display:flex;gap:clamp(.5rem,8vw,.5rem);justify-content:flex-end}.feed-header-types{width:100%;height:100%;display:flex;gap:clamp(.5rem,8vw,.5rem);justify-content:flex-start}.feed-projects{display:flex;justify-content:flex-start;background-color:#8c8c8c4d;border-radius:clamp(20px,5vw,25px);max-width:1000px;margin:0 auto;padding:3px;box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.2)}.project{display:flex;flex-direction:column;width:clamp(4rem,6vw,10rem);cursor:pointer}.project-icon-container{padding:.3rem;width:clamp(3rem,5vw,4rem);display:flex;justify-content:center;align-items:center}.project-icon-container:hover{padding:.3rem;aspect-ratio:1 / 1;background-color:#535353;border-radius:clamp(15px,5vw,22px)}.project-icon{border-radius:clamp(10px,5vw,19px);width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.project-name{padding:0rem .3rem;width:clamp(3rem,5vw,4rem);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(10px,1.5vw,12px)}.project:hover .text{animation:marquee-first 3s linear 1,marquee-loop 6s linear 3s infinite;display:inline-block;transform:translate(0)}@keyframes marquee-first{0%{transform:translate(0)}to{transform:translate(calc(-100% - 10px))}}@keyframes marquee-loop{0%{transform:translate(100%)}to{transform:translate(calc(-100% - 10px))}}.posts-feed-container{display:flex;max-width:1000px;margin:0 auto;flex-direction:column;gap:clamp(10px,10vw,30px)}.post-feed-content-header{display:flex;align-items:baseline;gap:10px}.post-feed-title{font-size:clamp(16px,2vw,26px);text-align:left;font-weight:700;color:#fff}.post-page-date{font-size:clamp(4px,2vw,14px);color:gray}.post-feed-content>:first-child{margin:0!important}.post-feed-content img{max-width:100%;border-radius:8px;display:block;margin:auto}.post-feed-content{background-color:#8c8c8c4d;border-radius:clamp(20px,5vw,25px);padding:1rem;box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.2);text-align:left;color:#fff}.post-feed-footer{display:flex;justify-content:flex-end}.post-read-button{background-color:#8c8c8c66;border:1px solid rgba(255,255,255,.1);border-radius:15px;font-size:clamp(12px,1.5vw,14px);font-weight:700;padding:10px 15px;color:#fff;display:flex;align-items:center;cursor:pointer}.post-read-button:hover{background-color:#8c8c8cb3}.login-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e9e9e9;border-radius:20px;padding:1rem;text-align:center;padding:2rem}.login-form-container{display:flex;flex-direction:column;width:clamp(10rem,70vw,30rem);height:clamp(5rem,80vw,5rem);align-items:center;padding:clamp(3rem,10vw,4rem) 0 clamp(3rem,10vw,4rem) 0;gap:clamp(.5rem,2vw,10rem)}.login-form-login-button{background-color:#fff;margin:0 clamp(10px,3vw,20px) 0 clamp(10px,3vw,20px)}.login-form-auth-title{font-size:clamp(12px,2vw,26px);font-weight:700}.login-form-input{width:100%;padding:clamp(5px,1vw,10px) clamp(8px,1vw,14px);background-color:#fff;border:1px solid white;border-radius:8px;font-size:16px}.login-form-error-message{min-height:30px}.registration-photo-preview{width:clamp(5rem,5vw,10rem);object-fit:cover;aspect-ratio:1 / 1;height:auto;border-radius:50%}.registration-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e9e9e9;border-radius:20px;text-align:center;padding:1rem}.registration-profile-field{width:100%;padding:clamp(5px,1vw,10px) clamp(8px,1vw,10px);background-color:#fff;border:1px solid white;border-radius:8px;font-size:16px}.registration-form-title{font-size:clamp(12px,2vw,26px);font-weight:700}.registration-profile-container{display:flex;flex-direction:column;width:clamp(10rem,70vw,100rem);height:clamp(5rem,32vw,40rem);align-items:center;gap:clamp(.5rem,1.5vw,10rem);padding:clamp(0rem,2vw,10rem)}.project-page-header{display:flex;justify-content:flex-start;padding:10px}.project-page-back-button{margin:clamp(10px,3vw,20px) 0 clamp(10px,3vw,20px) clamp(10px,3vw,20px);height:clamp(30px,5vw,40px);width:clamp(70px,10vw,150px);font-size:clamp(10px,1vw,20px);background-color:#e9e9e9}.project-page-body{padding:clamp(10px,10vw,20px) clamp(10px,10vw,100px) clamp(10px,10vw,20px) clamp(10px,10vw,100px)}.project-page-body-header{display:flex;justify-content:flex-start;align-items:center;gap:50px;padding:0 clamp(10px,10vw,100px) clamp(10px,10vw,50px) clamp(10px,10vw,100px)}.project-page-title{color:#fff}.project-page-icon-container{padding:.3rem;width:clamp(10rem,10vw,40rem);display:flex;justify-content:center;align-items:center}.project-page-icon{border-radius:clamp(10px,5vw,45px);width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.project-page-content{background-color:#8c8c8c4d;border-radius:20px;padding:1rem;text-align:left;border:1px solid rgba(255,255,255,.2);margin:clamp(10px,10vw,50px) 0 0 0;color:#fff;font-family:Arial,Helvetica,sans-serif}.project-page-content img{max-width:100%;border-radius:8px;display:block;margin:auto}.project-page-content>:first-child{margin:0!important}.line{border:none;height:1px;background-color:#8c8c8c80}