body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}button{border:none}.selectionpage{padding:100px 10px 10px}.container-azfi{margin-top:0}.chatbox{margin-bottom:18px;margin-left:14%;width:80%}.message{background-color:#5cb9e5;border-radius:0 10px 10px 10px;margin:10px 0 0;padding:10px;position:relative;width:100%}.message:before{border-left:30px solid #5cb9e5;border-top:18px solid transparent;content:"";margin-left:-10px;z-index:-1}.message p{font-weight:500;margin:-24px 0 0}.container-button{text-align:center;width:100%}.false-button{background-color:#8758ff;margin-right:30px}.false-button,.true-button{border-radius:12px;color:#181818;font-size:14px;font-weight:600;padding:10px;width:120px}.true-button{background-color:#f05455}.re-button{background-color:#8758ff}.end-button,.re-button{border-radius:12px;color:#181818;font-size:14px;font-weight:600;margin-top:20px;padding:10px;width:46%}.end-button{background-color:#f05455;margin-left:10px}.container-end{align-items:center;background-color:#f3f3f3;border-top:2px solid #8758ff;bottom:0;display:flex;padding-bottom:16px;position:fixed;width:100%}.akun-dash{display:flex}.akun-dash h2{font-size:18px;margin-left:10px}.container-generate{align-items:center;display:flex;flex-direction:column;text-align:center}.container-generate h2{font-weight:700;margin-bottom:20px}.input-dreams{background-color:initial;border:none;border-bottom:2px solid #000;font-size:20px;text-align:center;width:44%}.generate-button{background-color:#8758ff;border-radius:12px;color:#181818;font-size:14px;font-weight:600;margin-bottom:6px;margin-top:16px;padding:12px;width:140px}.container-result{background-color:#d9d9d9;font-size:14px;font-weight:500;line-height:20px;margin-top:10px;min-height:220px;padding:6px;text-align:left;width:90%}.next-button{background-color:#f05455;border-radius:12px;color:#181818;font-size:14px;font-weight:600;margin-bottom:20px;margin-top:16px;padding:12px;width:140px}.loading-animation{align-items:center;display:flex;height:100px;justify-content:center}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;width:30px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footbar{align-items:center;background-color:#f5f5f5;border-top:2px solid #000;display:flex;height:20px;justify-content:center;padding:5px 0;width:100%}.footbar p{color:rgba(0,0,0,.6);font-size:14px;font-weight:500;text-align:center}.navbar{align-items:center;background-color:#f5f5f5;border-bottom:2px solid #000;display:flex;height:80px;justify-content:space-between;text-align:left}.login-button{background-color:#5cb9e5;border-radius:12px;color:#181818;font-size:14px;font-weight:600;margin-right:12px;padding:10px;width:90px}.usr-navbar{border-bottom:2px solid #000;flex-direction:row;height:80px;justify-content:space-between}.icon-navbar,.usr-navbar{align-items:center;display:flex}.logo-navbbar{font-size:18px;margin-left:6px;width:26%}.title-navbar{font-size:22px;margin:0 0 0 4px;width:-webkit-min-content;width:min-content}.usr-navbar a{display:block;justify-content:flex-end;width:100%}#usr-avatar{background-color:azure;border-radius:100%;display:flex;justify-content:flex-end;margin-right:40px;padding:5%;width:35px}.container-generate h2{font-weight:500;margin-bottom:30px;margin-top:50px}.container-ways{font-size:14px;font-weight:500;line-height:20px;margin-top:10px;padding:6px;text-align:center;width:90%}.ways-button{background-color:#d9d9d9}.ways-button,.ways-button-blue{padding:10px 6px;text-align:left}.desc,.ways-button-blue{background-color:#5cb9e5}.desc{margin:0 0 20px;text-align:left}.desc p{color:#202020;margin:0 0 0 16px}.container-desc{background-color:#d9d9d9;margin:0 0 20px;padding:8px;text-align:left}.container-desc p{color:#181818;margin:0;text-align:left}.evaluation-button{background-color:#f05455;margin-top:20px}.community-button,.evaluation-button{border-radius:12px;color:#181818;font-size:14px;font-weight:600;padding:12px;width:90%}.community-button{background-color:#8758ff;margin-bottom:10px;margin-top:10px}.hide{display:none}.chatbotdreams{margin-bottom:50px;padding:10px}.container-chatbot{height:-webkit-max-content;height:max-content}.container-profil{display:flex}.container-profil h2{font-size:19px;margin-left:10px}.message-bar{align-items:center;background-color:#f3f3f3;border-top:2px solid #8758ff;bottom:0;display:flex;padding-bottom:10px;padding-top:10px;position:fixed;width:100%}.input-message{border:0;border-bottom:2px solid #000;font-size:18px;margin-right:12px;padding:10px;width:70%}.message-btn{background-color:#31475e;border-radius:50%;padding:10px 10px 6px;width:-webkit-max-content;width:max-content}.container-user{height:-webkit-max-content;height:max-content;width:100%}.container-profil-user{align-items:center;display:flex;justify-content:flex-end;padding:10px 10px 0 0}.container-profil-user h2{font-size:19px;margin-right:10px}.message-user{background-color:#5cb9e5;border-radius:0 10px 10px 10px;margin-left:0;margin-top:10px;padding:10px;position:relative;width:80%}.message-user,.message-user:before{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.message-user:before{border-left:30px solid #5cb9e5;border-top:18px solid transparent;content:"";margin-left:-10px;z-index:-1}.message-user p{font-weight:500;margin:-24px 0 0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.box-message{background-color:#5cb9e5;border-radius:16px;color:#000;font-weight:500;margin-bottom:10px;padding:10px}.custom-link{color:#000;text-decoration:none}.avatar{border-radius:50%;height:15.5%;width:15.5%}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-container-login{align-items:center;background-image:url(/static/media/bg_home.a7565fddf6ef17ed3d40.svg);display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}#sign-up-form{height:-webkit-max-content;height:max-content}#footer{justify-self:center;width:100%}.form-container{background-color:#5cb9e5;border-radius:20px;box-shadow:4px 6px 40px 0 #205375;display:grid;flex:1 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:15% 0 27%;max-width:600px;overflow:auto;padding-bottom:30px;text-align:center;width:78%}.form-container h2{font-size:34px;font-weight:800;margin-bottom:0;margin-top:28px}.form-container h2,.form-container h3{color:#112b3c;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.form-container h3{font-size:24px;font-weight:700;margin:20px 0 0 28px;text-align:left}.form-container input{font-size:18px;height:30px}.form-container input,.form-container select{background-color:#e4e4e4;border:2px solid #686868;border-radius:12px;color:#112b3c;margin:0 auto;text-indent:10px;width:90%}.form-container select{cursor:pointer;font-size:15px;height:35px}#avatar{border:none;border-radius:0}.form-container button{background-color:#8758ff;border:none;border-radius:8px;color:#e4e4e4;font-size:22px;font-weight:bolder;margin:30px auto 15px;padding:6px;width:85%}.form-container button:hover{background:#f05455;cursor:pointer}.form-container a,.form-container h3{font-size:25px}.form-container a{color:#8758ff;cursor:pointer;text-decoration:underline}.form-container a:hover{color:#fff;transition:.12s}#avatar{background:#d9d9d9;border:2px solid #000;border-radius:10px;display:flex;font-size:15px;height:30px;padding-bottom:4px;padding-top:7px;width:80%}input[type=file]::-webkit-file-upload-button{background:#0d45a5;border:none;border-radius:10px;color:#fff;font-weight:lighter;padding:5px 7px}input[type=file]::file-selector-button{background:#0d45a5;border:none;border-radius:10px;color:#fff;font-weight:lighter;padding:5px 7px}#center{font-size:25px;font-weight:650;margin:5px auto;max-width:75%;text-align:center}@media (max-width:768px){.form-container{height:-webkit-max-content;height:max-content;padding-bottom:30px;width:62%}}@media (max-width:480px){.form-container{height:-webkit-max-content;height:max-content;left:70%;padding-bottom:20px;width:85%}}.main-container{background-color:#f2f2f2;background-repeat:repeat;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;overflow-x:hidden}.slogan{color:#000;font-weight:900;margin-bottom:35%;margin-top:50%;text-align:center}.slogan.diff{color:#f05455}.btn-container{display:flex;justify-content:center;margin-bottom:30%}.btn-container .next-btn{background-color:#8758ff;border:2px solid #000;border-radius:5px;box-shadow:0 2px 5px #000;padding:5px 45px}.btn-container .next-btn:hover{background-color:#f05455}.footbar{justify-self:flex-end}#thumbnail{margin-bottom:40px;width:250px}.thumbnail-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:23%;margin-top:3%;text-align:center}.thumbnail-header{color:#f05455;font-weight:900;margin:0}.thumbnail-header.diff{color:#e9af6c}.article{font-size:15px;font-weight:600;margin:5px 0 0 23px;text-align:left;width:320px}.thumbnail-container .article.bold{font-weight:900;margin:0}#mockup-article{font-size:large;font-weight:650;line-height:1.7;margin:20px 0 0;text-align:center}#mockup-article-diff{color:#5cb9e5;font-weight:900}#mockup-img{height:300px;margin-right:10px;width:500px}.thumbnail-container.homepage3{margin-bottom:0}.main-container-1{background-image:url(/static/media/bg_home.a7565fddf6ef17ed3d40.svg);background-size:cover;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content}.add-photo-icon{background-color:#5cb9e5;background-position:50%;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px #000;left:80%;padding:13px 10px 10px;position:fixed;top:87%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-photo-icon:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:1s}.add-photo-icon img{height:26px;width:33px}.comNavbar-container{background:#5cbae5b6;display:flex;margin:0}.comNavbar-container .comNav-lists{align-items:center;display:flex;flex:1 1;flex-direction:row;font-size:12px;gap:8%;justify-content:center;list-style-type:none;margin:2% 4%;padding:0}.comNavbar-container a{color:#000;text-decoration:none}.feed-container{margin:7% 5% 5%}.usr-profile{align-items:center;border:2px solid #000;border-radius:7px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:row;gap:10%;padding-left:4%}#feed-usr-avatar{background-color:#d9d9d9;border-radius:100%;padding:1%;width:12%}#feed-photo{border:2px solid #000;height:auto;width:300px}.feed-content{align-items:center;border:2px solid #000;border-radius:7px;border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;justify-content:center}.feed-caption{width:300px}.feed-reaction{align-self:flex-start;display:flex;gap:1%;justify-content:center;margin-bottom:2%;margin-left:4%}.reaction-icons img{width:25px}.reaction-icons{width:50px}.upload-photo-form{display:flex;flex-direction:column;gap:30px;height:100vh;margin:12% 10% 10%}.upload-photo-form>input{height:30px}.upload-photo-form>#judul{border:none;border-bottom:4px solid #000}.upload-photo-form>#content-type{background-color:#cccccc1f;border:3px solid #000;border-top-left-radius:7px;border-top-right-radius:7px;height:4%}.upload-photo-form>#image-desc{border-radius:30px;height:7rem;padding:7%;text-align:left}input[type=file]{display:none}label img{height:120px;width:120px}.file-input-container{align-items:center;background-color:#cccccc1f;border:2px solid #000;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:12%}.confirmation-btns{justify-content:end}.confirmation-btns>button{border-radius:7px;color:#f5f5f5;font-weight:600;padding:3% 10%}.confirmation-btns>.upload{background-color:#5cb9e5}.confirmation-btns>.cancel{background-color:#8758ff;margin-right:6%}.upload-photo-form textarea{background-color:#cccccc1f;border:3px solid #000}
/*# sourceMappingURL=main.693f5c38.css.map*/