:root{--fontsize-navbar:1rem;--fontsize-h1:1rem;--fontsize-h2:1.5rem;--fontsize-main:1rem;--font-color-main:#f0f0f0;--font-color-secondary:#fafafa;--background-main:#0f0f0f;--background-secondary:#242426;--background-tertiary:#47474b;--btn-color-main:#1d1d1f;--btn-color-secondary:#ff8a79;--border-radius-big:28px}@font-face{font-family:Inter-Black;src:url(/static/media/Inter-Black.83d81b169bedf85385f2.ttf)}@font-face{font-family:Inter-Bold;src:url(/static/media/Inter-Bold.0eaf807b1cf0eceabe0f.ttf)}@font-face{font-family:Inter-ExtraBold;src:url(/static/media/Inter-ExtraBold.4164cfba15dbca5f37aa.ttf)}@font-face{font-family:Inter-ExtraLight;src:url(/static/media/Inter-ExtraLight.fbcf1d9ad9d7bac9f6de.ttf)}@font-face{font-family:Inter-Light;src:url(/static/media/Inter-Light.02850f28027788580733.ttf)}@font-face{font-family:Inter-Medium;src:url(/static/media/Inter-Medium.3f7acfe50aad7ad68548.ttf)}@font-face{font-family:Inter-Regular;src:url(/static/media/Inter-Regular.9ca9ba81e9dcaa12b3a1.ttf)}@font-face{font-family:Inter-SemiBold;src:url(/static/media/Inter-SemiBold.6058d3da655fb35169c2.ttf)}@font-face{font-family:Inter-Thin;src:url(/static/media/Inter-Thin.97a5cc3ca8d3b35a4239.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--background-main);height:100vh;max-width:1200px;text-align:center}.App,.main-page-content-container{align-self:center;margin-left:auto;margin-right:auto}.main-page-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:200px;max-width:1120px;width:70vw}.main-page-content-container h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--font-color-main),#b0b0b0);color:#0000;font-family:Inter-Semibold;font-size:3rem;margin-bottom:20px}.main-page-content-container button{background-image:linear-gradient(270deg,#f63030,#ffa904);border:none;border-radius:8px;color:var(--font-color-secondary);cursor:pointer;font-family:Inter-Bold;font-size:1rem;height:50px;margin-top:20px;outline:none;width:200px}@media screen and (max-width:800px){.main-page-content-container{margin-top:50px}}.navbar-logo{height:50px;pointer-events:none;transition:.25s}.navbar-header{align-items:center;background-color:var(--background-main);color:var(--font-color-main);display:flex;flex-direction:row;font-family:Inter-Regular;font-size:var(--fontsize-navbar);height:100px;justify-content:space-between;padding-left:20px;padding-right:20px}.navbar-header a{cursor:pointer}.navbar-profile-settings{align-items:center;display:flex;flex-direction:row;gap:20px}.navbar-profile-logo{border-radius:50%;height:25px}.login-btn,.logout-btn{color:var(--font-color-main);text-decoration:none}@media screen and (max-width:800px){.navbar-logo{height:30px}}.login-container{align-items:center;display:flex;justify-content:center;margin-top:200px;padding-left:20px;padding-right:20px;transition:.25s}.login-container h3{color:var(--font-color-main);font-family:Inter-Regular;font-size:2rem;margin-bottom:20px}.login-form-container{background-color:#242426;border-radius:var(--border-radius-big);color:#f5f5f7;height:400px;justify-content:space-evenly;padding:20px;width:500px}.login-form,.login-form-container{align-items:center;display:flex;flex-direction:column}.login-form{height:100%;justify-content:center;width:100%}.login-form input{background-color:#242426;border:none;border-bottom:1px solid #f5f5f7;color:#f5f5f7;font-size:var(--fontsize-main);height:40px;margin-bottom:10px;outline:none;padding:10px;width:70%}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f5f7;-webkit-box-shadow:inset 0 0 0 50px #242426}.login-form button{background-color:#242426;border-bottom:1px solid #f5f5f7;border-radius:8px;color:#f5f5f7;cursor:pointer;font-family:Inter-Light;font-size:var(--fontsize-h2);margin-bottom:10px;margin-top:40px;padding:10px;width:70%}.login-error-message{color:red;font-family:Inter-Light;font-size:var(--fontsize-main);position:absolute;top:250px}.login-error-message p{margin:0;padding:0}@media screen and (max-width:800px){.login-container{margin-top:50px}.login-error-message{top:100px}}.dashboard-page-content-container{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px;max-width:1200px;padding-bottom:50px;position:absolute;transition:.25s;width:100%}.dashboard-page-content-container h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--font-color-main),#b0b0b0);color:#0000;font-family:Inter-Semibold;font-size:3rem;margin-bottom:20px}.dashboard-page-content-container button{background-color:var(--btn-color-main);border:none;border-radius:8px;color:#f5f5f7;cursor:pointer;font-family:Inter-Bold;font-size:var(--fontsize-main);height:50px;margin-top:20px;outline:none;width:200px}.projects-container{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.project-card{align-items:flex-start;background-color:var(--background-secondary);border-radius:28px;color:var(--font-color-secondary);cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:space-between;padding:20px;text-align:left;width:300px}.project-card:hover{box-shadow:0 0 5px 0 var(--background-secondary)}@media screen and (max-width:1200px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:800px){.projects-container{grid-template-columns:repeat(1,1fr)}.dashboard-page-content-container{margin-top:0;padding-left:20px;padding-right:20px;width:auto}.project-card{width:auto}}.project-card h3{font-family:Inter-Semibold;font-size:var(--fontsize-h2);margin-bottom:10px}.project-card p{font-family:Inter-Regular;font-size:var(--fontsize-main);margin-bottom:10px}.project-card-client-tag{align-items:center;align-self:flex-end;background-color:var(--background-tertiary);border-radius:30px;display:flex;flex-direction:row;gap:10px;padding:5px;position:relative}.project-card-client-tag h4{margin:0}.project-card-client-tag-circle{background-image:linear-gradient(180deg,#f63030,#ffa904);border-radius:50%;height:40px;width:40px}.project-page-content-container{align-items:center;display:none;flex-direction:column;gap:20px;padding-bottom:20px;padding-top:20px;width:100%}.project-page-header{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-around;padding:20px 100px}.project-page-header button{background-image:linear-gradient(270deg,#f63030,#ffa904);border:none;border-radius:8px;color:var(--font-color-secondary);cursor:pointer;font-family:Inter-Bold;font-size:1rem;height:50px;margin:0;outline:none;width:200px}.project-page-header-title{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:20px;padding-top:20px;width:100%}.project-page-header-title h2{color:var(--font-color-main);font-family:Inter-Semibold;font-size:2rem;margin-bottom:20px}.project-page-header-title p{color:var(--font-color-main);font-family:Inter-Light;font-size:1rem;margin:0;min-width:300px;text-align:left;width:60%}@media screen and (max-width:800px){.project-page-header{flex-direction:column-reverse}.project-page-header-title{align-items:center}.project-page-header-title p{text-align:center}}.message-feed{align-self:center;display:flex;flex:0 1;flex-direction:column;font-family:var(--primary-font-family);overflow:auto;overflow-y:scroll;padding-left:10px;padding-right:10px;position:relative;scroll-behavior:smooth;width:calc(100% - 20px)}.message-feed::-webkit-scrollbar{display:none}.message-feed{-ms-overflow-style:none;scrollbar-width:none}.activity-group{background-color:#fff;border-radius:5px;margin-bottom:10px;margin-top:10px;outline:5px solid #ff8a79;padding:10px}.activity-header{align-items:baseline;color:#333;display:flex;flex-direction:row;font-family:Inter-Bold;font-size:1.2em;justify-content:space-between;margin-bottom:10px;text-align:left}.activity-header img{height:20px;margin-right:5px;width:20px}@media screen and (max-width:800px){.message-feed{height:70vh}}.message{align-self:flex-start;background-color:#fcf6ed;border-radius:10px;margin-top:10px;max-width:80%;padding:15px;text-align:left;width:auto}.message-header{align-items:center;display:flex;flex-direction:row;gap:1vw;justify-content:flex-start;word-break:break-word}.message-sender-logo{align-self:self-start;height:2rem}.message-sender-name{font-weight:700}.message-content,.message-sender-name{font-size:var(--primary-font-size)}.chat-input-container{background-color:var(--tertiary-divs);flex:1 0;flex-direction:column;flex-grow:0;overflow:auto;padding-bottom:1vh;padding-top:1vh;width:100%}.chat-input,.chat-input-container{color:var(--primary-text);display:flex;justify-content:center}.chat-input{align-items:center;background-color:#fff;border:2px solid var(--primary-highlight);border-radius:.5rem;flex-direction:row;font-size:var(--primary-font-size);gap:1vw;padding:0 10px}.chat-input-attachment{justify-items:center}.text-input{background-color:#fff;border:none;border:2px solid var(--background-secondary);border-radius:20px;color:var(--primary-text);font-family:var(--primary-font-family);font-size:var(--primary-font-size);height:auto;max-height:200px;opacity:.7;overflow-y:scroll;padding:10px;resize:none;width:100%}.text-input::-webkit-scrollbar{display:none}.text-input{-ms-overflow-style:none;scrollbar-width:none}.text-input:focus{outline:none}.file-attachement{align-content:center;background-color:var(--tertiary-divs);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:2rem}.paper_clip{opacity:.7;width:2rem}.paper_clip:hover{opacity:.9}.send-button{align-content:center;background-color:var(--tertiary-divs);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:30px}.send-logo{height:30px;opacity:.7}.send-logo:hover{opacity:.9}.chat-mc-input{border:2px solid var(--primary-highlight);border-radius:.5rem;color:var(--primary-text);flex-wrap:wrap;gap:.5vw;justify-content:center;padding:10px 40px}.chat-mc-input,.mc-option{background-color:#fff;display:flex;font-size:var(--primary-font-size)}.mc-option{border:2px solid #ff8a79;border-radius:20px;color:#ff8a79;flex-direction:column;font-family:Inter-Medium;min-width:50px;padding:8px 6px}.mc-option:hover{box-shadow:0 0 1px 0 var(--btn-color-secondary);cursor:pointer}.preview-container{align-items:center;background-color:var(--tertiary-divs);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:auto;width:100%}.preview-container h1{color:var(--secondary-text);font-size:var(--primary-font-h1)}.preview-container h1,.preview-container p{font-family:var(--primary-font);margin:0;padding:0}.preview-container p{color:var(--tertiary-text);font-size:var(--primary-font-size)}.chat-functions{background-color:#fff;border:10px solid var(--background-secondary);border-radius:30px;color:var(--secondary-text);display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;max-height:770px;min-height:770px;overflow:auto;width:428px;z-index:2}@media screen and (max-width:800px){.chat-functions{margin-left:5px;margin-right:5px;width:auto}}.profile-container{align-items:center;display:flex;justify-content:center;margin-top:200px;padding-left:20px;padding-right:20px}.profile-content-container{align-items:left;border:2px solid var(--background-secondary);border-radius:var(--border-radius-big);display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:100px;padding:20px;transition:.25s;width:500px}.profile-content-container h2{color:var(--font-color-main);font-family:Inter-Semibold;font-size:2rem;margin-bottom:20px;margin-top:0;text-align:left}.profile-content-container label{color:var(--font-color-main);font-family:Inter-Regular;font-size:1.5rem;margin-bottom:10px;text-align:left}.profile-content-container p{color:var(--font-color-main);font-family:Inter-Light;font-size:1rem;margin-top:0;min-width:300px;text-align:left;width:70%}@media screen and (max-width:800px){.profile-container{margin-top:50px}.profile-content-container{margin-top:0}}
/*# sourceMappingURL=main.72f6eb42.css.map*/