:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;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}body{margin:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-width:320px;min-height:100vh}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}}#register-container{display:flex;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000}#register{display:flex;flex-direction:column;align-items:center}#register-title-description{max-width:300px;min-width:150px;margin-bottom:70px}#register-title{text-align:center;color:#2684ff;font-size:2rem;font-weight:500;margin-bottom:15px}#register-description{text-align:center;font-weight:400;color:#2d3748}#register-form{max-width:500px;min-width:450px;padding:50px;display:flex;flex-direction:column;box-shadow:0 1px 42px -21px #0000006e;-webkit-box-shadow:0px 1px 42px -21px rgba(0,0,0,.43);-moz-box-shadow:0px 1px 42px -21px rgba(0,0,0,.43);border-radius:15px}#register-email{width:100%;min-height:45px;margin-bottom:25px;padding:8px;border:1px solid #E2E8F0;border-radius:15px;background-color:#fff;color:#555e68;font-size:1rem}#register-email::placeholder{color:#a0aec0;font-size:1rem}#register-password{width:100%;min-height:45px;margin-bottom:50px;padding:8px;border:1px solid #E2E8F0;background-color:#fff;color:#555e68;border-radius:15px;font-size:1rem}#register-password::placeholder{color:#a0aec0;font-size:1rem}#register-error{color:red;font-size:.9em;margin-bottom:15px}#register-button{padding:10px;min-height:45px;border:None;border-radius:15px;background:#007bff;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;margin-bottom:20px}#register-sign-in-container{font-size:1rem;width:100%;display:flex;justify-content:center}#register-sign-in-description{color:#a0aec0;font-size:1rem;margin-right:10px}#register-sign-in-link{color:#2684ff;font-size:1rem;font-weight:700}#validation-container{display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000}#validation-title-description{width:450px;display:flex;flex-direction:column;align-items:center;margin-bottom:65px}#validation-title{color:#007bff;font-size:2rem;font-weight:500}#validation-description{color:#000;font-size:1rem;font-weight:400;text-align:center}#validation{display:flex;flex-direction:column;align-items:center}#validation-form{max-width:500px;min-width:450px;padding:50px;display:flex;flex-direction:column;box-shadow:0 1px 42px -21px #0000006e;-webkit-box-shadow:0px 1px 42px -21px rgba(0,0,0,.43);-moz-box-shadow:0px 1px 42px -21px rgba(0,0,0,.43);border-radius:15px}#validation-input{width:100%;min-height:45px;margin-bottom:25px;padding:8px;border:1px solid #E2E8F0;border-radius:15px;background-color:#fff;color:#555e68;font-size:1rem}#validation-error{color:red;font-size:.9em;margin-bottom:15px}#validation-button{margin-top:30px;padding:10px;min-height:45px;border:None;border-radius:15px;background:#007bff;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700}#login-container{display:flex;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center}#login{max-width:500px;min-width:350px;margin-right:400px;display:flex;flex-direction:column;align-items:flex-start}#login-title{color:#2684ff;font-size:2rem;font-weight:500;margin-bottom:15px}#login-description{color:#a0aec0;font-size:1rem;font-weight:400;margin-bottom:40px}#login-logo{color:#2684ff;font-size:3.5rem;font-weight:700}#login-form{display:flex;flex-direction:column;width:100%}#login-from-input-group{margin-bottom:25px}#login-email-label{color:#000}.login-email{width:100%;min-height:45px;margin-bottom:25px;padding:8px;border:1px solid #E2E8F0;border-radius:15px;background-color:#fff;color:#555e68;font-size:1rem}.login-email::placeholder{color:#a0aec0;font-size:1rem}#login-password-label{color:#000}.login-password{width:100%;min-height:45px;margin-bottom:25px;padding:8px;border:1px solid #E2E8F0;background-color:#fff;color:#555e68;border-radius:15px;font-size:1rem}.login-password::placeholder{color:#a0aec0;font-size:1rem}#login-error{color:red;font-size:.9em;margin-bottom:15px}#login-button{padding:10px;margin-bottom:20px;min-height:45px;border:None;border-radius:15px;background:#007bff;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700}#login-sign-up-container{font-size:1rem;width:100%;display:flex}#login-sign-up-description{color:#a0aec0;font-size:1rem;margin-right:10px}#login-sign-up-link{color:#2684ff;font-size:1rem;font-weight:700}*,*:before,*:after{box-sizing:border-box}#navbar-container{width:100%;background-color:#f8f9fa;padding:30px;position:sticky}#navbar{padding:5px;display:flex;justify-content:space-between;align-items:center}#navbar-logo{display:flex;flex-direction:column;align-items:flex-start}#navbar-title{color:#a0aec0;font-size:1rem;font-weight:500}#navbar-initial{font-size:2.5rem;font-weight:900}#navbar-search{min-width:1000px;margin-right:150px;background-color:#e2e8f0;font-size:1rem;color:#2d3748;padding:14px;border-radius:50px;border:none}#navbar-search::placeholder{color:#a0aec0}#navbar-logout{background-color:#e2e8f0;font-size:1rem;color:#2d3748;border-radius:50px}#navbar-points{color:#2684ff;font-size:1rem}#profile{list-style:none;display:flex;gap:1rem}#community-container{height:100%;display:flex;justify-content:flex-start;background-color:#f8f9fa;width:100%;color:#2d3748}#community-left{width:200px}#community{width:1000px}#community-sort-options{display:flex;justify-content:flex-start;margin-bottom:30px;gap:14px}#community-sort-options button{padding:10px 20px;font-size:1rem;font-weight:500;cursor:pointer;background-color:#fff;border-radius:15px;color:#2d3748;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#community-sort-options button#active{color:#fff}#community-article-list{display:flex;flex-direction:column;gap:30px}#community-article{background-color:#fff;padding:25px 15px;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);color:#2d3748}#community-article-viewed{background-color:#f3f3f3;padding:25px 15px;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);color:#2d3748}#community-article-unicon{background-color:#2684ff;padding:25px 15px;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);color:#fff}#community-article-unicon-viewed{background-color:#4488e0;padding:25px 15px;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);color:#fff}#community-article-buttons{display:flex;gap:14px}#community-article-info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#community-article-name-meta{display:flex;flex-direction:column;align-items:flex-start}#unicon-meta{color:#fff;font-size:.8rem;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:4px;margin-bottom:25px}#unicon-meta .view-container{display:flex;justify-content:center;align-items:center}#unicon-edited{font-size:.8rem;font-weight:400;margin-bottom:10px;color:#fff}#community-article-unicon-initial{font-size:2rem;font-weight:700;color:#fff}#pagination{display:flex;justify-content:center;align-items:center;margin-top:100px;margin-bottom:100px}#community-pagination-button{padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;background-color:#fff;border-radius:15px;color:#2d3748;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#title{font-size:1.2rem;font-weight:500;margin-bottom:15px}#body{font-size:1rem;font-weight:500;margin-bottom:25px}#edited{font-size:.8rem;font-weight:400;margin-bottom:10px;color:#a0aec0}#name{font-size:.8rem;font-weight:500}#meta{color:#a0aec0;font-size:.8rem;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:4px;margin-bottom:25px}#meta .view-container{display:flex;align-items:center}#line{border:1px solid #E2E8F0;margin-bottom:25px}#courses{display:flex;justify-content:flex-start;gap:15px;margin-bottom:15px;font-size:.7rem}#like{display:flex;justify-content:center;align-items:center;background-color:#a0aec0;color:#2d3748;border-radius:50px}#like .like-icon{margin-right:9px}#unlike{display:flex;justify-content:center;align-items:center;background-color:#e2e8f0;color:#2d3748;border-radius:50px}#unlike .like-icon{margin-right:9px}#comment{background-color:#e2e8f0;color:#2d3748;border-radius:50px;margin-right:13px;display:flex;justify-content:center;align-items:center}#comment .comment-icon{margin-right:9px}#grayButton{background-color:#e2e8f0;color:#2d3748;border-radius:50px;display:flex;justify-content:center;align-items:center}#emptyGrayButton{background-color:#e2e8f043;color:#2d3748;border:1px solid #e2e8f0;border-radius:50px;display:flex;justify-content:center;align-items:center}#grayButton svg{margin-right:9px}#greenButton{background-color:#c2ffcb;color:#04890b;border-radius:50px;display:flex;justify-content:center;align-items:center}#greenButton svg{margin-right:9px}#redButton{background-color:#ffcfcf;color:red;border-radius:50px;display:flex;justify-content:center;align-items:center}#redButton svg{margin-right:9px}#error-msg{color:red;font-size:1rem}#edit-textarea{background-color:#f8f8f8;border:none;color:#2d3748;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;width:100%;border-radius:15px;padding:15px;margin-bottom:20px}#article-detail-container{display:flex;height:100%;width:100%;justify-content:flex-start;background-color:#f8f9fa;color:#2d3748;padding-bottom:300px}#article-detail-left{width:120px}#article-detail-back{background-color:#fff;height:40px;width:40px;padding:10px;font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:30px;border-radius:50px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#article-detail{width:1000px;margin-right:370px}#article-detail-article{background-color:#fff;padding:25px 15px;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#article-detail-article-actions{display:flex;justify-content:space-between}#article-detail-article-actions .like-comment,#article-detail-article-actions .edit-delete{display:flex;gap:14px}#article-detail-article-info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#article-detail-article-name-meta{display:flex;flex-direction:column;align-items:flex-start}#article-detail-article-unicon-initial{font-size:2rem;font-weight:700;color:#dfe4eb}#article-detail-new-comments{margin:40px 0;display:flex;align-items:flex-end;justify-content:space-between;background-color:#fff;border-radius:25px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#article-detail-new-comments .submit{background-color:#e2e8f0;color:#2d3748;height:50px;border-radius:50px;margin:20px}#article-detail-new-comment-textarea{background-color:#fff;border-radius:15px;border:none;margin:20px;width:100%;min-height:70px;color:#2d3748;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}#article-detail--new-comment-textarea::placeholder{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;color:#a0aec0}#article-detail-comments{display:flex;flex-direction:column;gap:10px;margin-bottom:50px}#article-detail-comment{background-color:#fff;padding:25px 15px;border-radius:25px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#article-detail-comment-buttons{display:flex;justify-content:flex-start;gap:14px}#article-detail-comment-reply{margin-left:50px}#article-detail-comment-reply-container{margin-top:10px;margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;background-color:#fff;border-radius:25px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);padding:20px;gap:14px}#article-detail-comment-reply-textarea{background-color:#fff;border-radius:15px;border:none;width:100%;min-height:70px;color:#2d3748;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}#article-detail-comment-nested-comments{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}#article-detail-comment-nested-comment{width:100%;background-color:#fff;padding:25px 15px;border-radius:25px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1)}#article-detail-comment-nested-comments-pagination-controls-button,#article-detail-comments-pagination-controls-button{background-color:#fff;border-radius:15px;box-shadow:0 0 29px -15px #0000001a;-webkit-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 29px -15px rgba(0,0,0,.1);margin-left:40px;font-weight:700;margin-bottom:20px}#article-detail-comments-pagination-controls{margin-bottom:50px}#save{background-color:#e2e8f0;color:#2d3748;border-radius:50px;margin-right:13px;display:flex;justify-content:center;align-items:center}#post-article-textarea{width:100%}#post-article-container{height:100%;display:flex;justify-content:flex-start;background-color:#f8f9fa;width:100%;color:#2d3748}#post-article-left{width:200px}#post-article{width:1000px;padding-bottom:100px;display:flex;flex-direction:column;gap:15px}#post-article-description{display:flex;flex-direction:row;font-size:2.5rem;font-weight:600}#post-article-school{margin-left:10px}#post-article-textarea-title{border-radius:30px;font-size:1rem;padding:30px;background-color:#fff;width:100%;color:#2d3748;font-family:Poppins,sans-serif}#post-article-unicon{margin:10px;display:flex;gap:10px;font-size:1rem}#post-article-cb{height:15px;width:15px}#post-article-label{font-weight:700;margin-right:50px}#post-article-textarea-body{border-radius:30px;font-size:1rem;padding:30px;background-color:#fff;height:500px;width:100%;color:#2d3748;font-family:Poppins,sans-serif}#post-article-add-course{display:flex;gap:15px;align-items:center;flex-wrap:wrap}#post-article-add-course input{border-radius:30px;width:200px;padding:15px;font-size:1rem;padding:15;background-color:#fff;border:1px black;color:#2d3748;font-family:Poppins,sans-serif}#post-article-add-course .add{height:min-content;margin-right:30px}#post-article-add-course button:disabled{background-color:#b7beca}#post-article-add-course input:disabled{background-color:#b7beca}#post-article-buttons{display:flex;justify-content:flex-end;align-items:center;gap:15px}#app-div{display:flex;background-color:#fff}