#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff}.modal-backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{color:#000;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:400px}.modal-form{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.modal-form input[type=email],.modal-form input[type=password],.modal-form input[type=text]{border:1px solid #ccc;border-radius:5px;padding:10px;font-size:16px}.modal-form button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:18px;border-radius:5px;cursor:pointer;transition:background-color .2s}.modal-form button:hover{background-color:#0056b3}.modal-header{font-size:24px;text-align:center;margin-bottom:20px}.modal-link{text-align:center;margin-top:20px;font-size:16px}.modal-link a{color:#007bff;text-decoration:none}.modal-link a:hover{text-decoration:underline}button:hover{cursor:pointer}.inbox{justify-content:center;margin-top:1px;border:1px solid #ccc;border-radius:5px;padding:10px;font-size:16px}.inbox,.navul{display:flex;align-items:center}.navul{padding:0;margin:0;justify-content:space-between;background:#fff;height:60px}.navul,ul li{list-style:none;list-style-type:none}a{color:#000}a,a :hover{text-decoration:none}a :hover{color:#4591c3;cursor:pointer}.navli{padding:10px;list-style:none;list-style-type:none}.homeImage img{width:30px;height:auto}.brand-text{position:absolute;width:100%;text-align:center;font-size:1.5em;letter-spacing:2px;pointer-events:none;top:0;left:0;z-index:1}.homeImage,.profile-button{z-index:2}.profile-dropdown{position:absolute;top:100%;right:0;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1000;width:auto;min-width:160px}.profile-button{position:relative}.profile-dropdown,.profile-dropdown button{padding:10px;text-align:left}.profile-dropdown:hover,.profile-dropdown button:hover{background-color:#f2f2f2;color:#4591c3}.wors{display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px;font-family:"Courier New",Courier,monospace}.loginWors:hover,.signupWors:hover{background-color:#2aa58c;transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.2);cursor:pointer;color:#fff;padding:5px}.wors1{display:grid;justify-content:center;align-items:center;text-align:center;grid-gap:16px;gap:16px;font-family:"Courier New",Courier,monospace}.logoutButt{border:1px solid transparent}.logoutButt,button.logoutButt{background-color:hsla(0,0%,92.9%,.6588235294117647);color:#036352;font-size:16px}button.logoutButt{border:1px;cursor:pointer;padding-left:50px;padding-right:50px}.logoutButt:hover{background-color:#2c8775;box-shadow:0 6px 8px rgba(0,0,0,.2);cursor:pointer;color:#e1a6f1}.profile-dropdown button{background:none;border:none;width:100%;text-align:left}.hidden{display:none}.close-modal-button{display:inline-block;justify-content:center;align-items:center;width:60%;padding:10px 20px;grid-gap:50px;gap:50px;margin:20px 10px 14px;font-size:20px;color:#fff;text-decoration:none;opacity:.8;background-color:#275f38;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.close-modal-button:hover{background-color:#2aa58c;transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.2);cursor:pointer}.ddbutton{background-color:hsla(0,0%,92.9%,.6588235294117647);color:#036352;padding:16px;font-size:16px;border:1px;cursor:pointer;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.ddbutton:hover{background-color:#2aa58c;transform:translateY(-3px);color:#fff;box-shadow:0 6px 8px rgba(0,0,0,.2);cursor:pointer}a:hover{color:#fff}.subhead-nav{display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px;margin-top:55px;margin-bottom:20px;font-family:"Courier New",Courier,monospace}.subhead-nav a{color:#000;text-decoration:none;padding:10px;border-radius:25px;box-shadow:1px 4px 6px rgba(0,0,0,.1);transition:background-color .8s,transform .3s}.subhead-nav a:hover{background-color:#2aa58c;transform:translateY(3px);box-shadow:0 6px 8px rgba(0,0,0,.2);cursor:pointer;color:#fff}.landing-page-container{display:flex;justify-content:space-between;align-items:flex-start;height:calc(100vh - 60px);margin-top:60px;position:relative}.landing-describe,.landing-topic{text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#333;padding:10px;border-radius:8px;display:inline-block;margin:0 auto;width:-moz-fit-content;width:fit-content}.comment,.landing-describe{background-color:hsla(0,0%,100%,.8)}.comment{color:#333}@keyframes typing{0%{width:0;white-space:nowrap}to{width:100%;border-right-color:transparent}}@keyframes blinkCursor{50%{border-right-color:transparent}}.landing-topic{display:inline-block;font-size:50px;font-family:"Times New Roman",Times,serif;overflow:hidden;border-right:3px solid rgba(0,0,0,.75);margin-bottom:.5rem;text-align:center;box-sizing:border-box;width:100%;animation:typing 1.5s steps(30) forwards,blinkCursor .96s step-end infinite}@media (max-width:768px){.landing-topic{font-size:30px;animation:typing 2s steps(20) forwards,blinkCursor .2s step-end infinite}}.landing-describe{display:inline-block;font-size:20px;font-family:"Times New Roman",Times,serif;margin-bottom:1.4rem;text-align:center}.pillar{position:absolute;bottom:0;top:60px;z-index:-1}.left-pillar{left:0}.right-pillar{right:0}.left-pillar img,.right-pillar img{height:100%;object-fit:cover}.topic-of-the-day-container{width:60%;text-align:center;margin:0 auto}.comments-preview{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:15px;gap:15px}.comment{margin-top:10px;background:linear-gradient(-45deg,rgba(61,100,56,.7),rgba(29,175,134,.7),rgba(0,151,185,.7),rgba(189,0,123,.7),rgba(61,100,56,.7));background-size:400% 400%;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;animation:gradientBackground 15s ease infinite;padding:30px;border-radius:5px;max-width:calc(49.333% - 20px);box-shadow:0 2px 4px rgba(0,0,0,.7)}@media (max-width:768px){.pillar{display:none}.topic-of-the-day-container{width:100%}.comment{max-width:100%}}.comment-content-landing{margin-top:14px}.comment-content-landing,.said-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:15px;gap:15px}.said-landing{margin-top:5px;opacity:.3}.see-all-comments,.topcs{display:inline-block;justify-content:center;font-family:"Courier New",Courier,monospace;align-items:center;padding:10px 20px;grid-gap:50px;gap:50px;margin:20px 10px 14px;font-size:20px;color:#fff;text-decoration:none;opacity:.8;background-color:#ae356c;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.see-all-comments:hover,.topcs:hover{background-color:#2aa58c;transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.2)}.see-all-comments:before,.topcs:before{display:inline-block;content:""}.see-all-comments:hover,.topcs:hover{animation:pulse 1s infinite}.about-button{display:inline-block;justify-content:center;font-family:"Courier New",Courier,monospace;align-items:center;padding:10px 20px;grid-gap:50px;gap:50px;margin:20px 10px 14px;font-size:20px;color:#fff;text-decoration:none;opacity:.8;background-color:#ae356c;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.about-button:hover{background-color:#2aa58c;transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{padding:20px;border-radius:5px}.topic-container{background-color:#f5dfe6;border-radius:25px;padding:2rem;margin-top:2rem;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.1)}.topic{background:#f6d2d2;padding:1rem}.toptop{margin-bottom:1rem;background:linear-gradient(35deg,#fc6796,#955286,#8f7087,#d499de);border-radius:40px;padding:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.topic-form{background:#f5dfe6;border-radius:25px;padding:1rem;margin-top:2rem}.topic-list-container{margin:100px;display:flex;flex-direction:column;justify-content:center;max-width:1200px;margin:0 auto;padding:2rem;font-family:"Arial",sans-serif}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.topic-item{background:linear-gradient(-45deg,#3d6438,#1daf86,#0097b9,#bd007b);background-size:400% 400%;animation:gradientBackground 15s ease infinite;color:#fff;font-size:1.3rem;border-radius:15px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.topic-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.topic-title{font-weight:700;font-size:1.8rem;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff;border-radius:10px;margin-right:.5rem;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.topic-actions{display:inline;grid-gap:.1rem;gap:.1rem}.topic-actions button{background:#8d8ab1}.topic-actions button:hover{background:#0056b3}.new-topic-form{background:#f5dfe6;border-radius:25px;padding:1rem;margin-top:2rem}.new-topic-form label{display:block;margin-bottom:.5rem}.new-topic-form textarea{width:100%;border-radius:5px;border:1px solid #ccc;height:100px;resize:none;position:relative;z-index:100}.new-topic-form .error{color:#d32f2f;margin-top:.5rem}.woow{font-size:50px;font-family:"Times New Roman",Times,serif;margin-bottom:.5rem;text-align:center}.new-topic-form button{align-items:center;display:block;width:100%;background:#8d8ab1;color:#fff;border:none;border-radius:5px;padding:1rem;margin-top:1rem;cursor:pointer;transition:background-color .3s ease}.new-topic-form-button{transition:background-color .7s ease}.login-to-propose-button,.new-topic-form-button{align-items:center;display:block;width:100%;background:#b51b94;color:#fff;border:none;border-radius:5px;padding:1rem;margin-top:1rem;cursor:pointer}.new-topic-form-button:hover{background:#0056b3}.login-to-propose{background:#f5dfe6;color:#8d8ab1;text-align:center;padding:1rem;border-radius:25px;display:block;text-decoration:none;margin-top:2rem;transition:background-color .3s,color .3s}.login-to-propose-button:hover{background:rgba(56,175,89,.807843137254902);color:#0056b3;cursor:pointer}.topic{background:#dff3f5;border-radius:15px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:box-shadow .3s ease}.topic:hover{box-shadow:0 6px 12px rgba(0,0,0,.2)}.topic h3{font-size:1.8rem;color:#35503f;margin-bottom:.5rem}.topic p{font-size:1rem;margin-bottom:1rem;color:#333}.topic small{display:block;font-size:.8rem;margin-bottom:.5rem;color:#666}.topic-actions{display:flex;justify-content:space-evenly;margin-top:1rem}.topic-actions button{background:#c5309d;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease;font-size:1rem}.topic-actions button:hover{background:#da8a29}.topic-actions button:disabled{background:#ccc;cursor:not-allowed;color:#666}.topic-actions .edit-button{background:#2478e7}.topic-actions .edit-button:hover{background:#388e3c}.topic-actions .delete-button{background:#8e3b35}.topic-actions .delete-button:hover{background:#d32f2f}.topic-actions .vote-button{background:rgba(233,135,90,.9294117647058824)}.topic-actions .vote-button:hover{background:#19938b}.topic-actions .unvote-button{background:#a01414}.topic-actions .unvote-button:hover{background:#bdbdbd}@media (max-width:768px){.topic{padding:1rem}.topic-actions{flex-direction:column}.topic-actions button{width:100%;margin-bottom:.5rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(182,138,138,.5);display:flex;justify-content:center;align-items:center;z-index:1050}.modal-content{background:#fff;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:1000px;z-index:1051;padding:2rem;width:50%;max-width:600px;box-sizing:border-box;position:relative}.modal-close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.modal-close-button:hover{color:#d32f2f;cursor:pointer;background-color:#000}.modal-confirm-buttons{display:flex;justify-content:space-around;margin-top:2rem}.modal-cancel-button,.modal-confirm-button{background:#8d8ab1;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease;font-weight:700}.modal-cancel-button:hover,.modal-confirm-button:hover{background:#0056b3}.modal-confirm-button{background:#4caf50}.modal-cancel-button{background:#f44336}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:700;margin-bottom:.5rem}.form-control{width:100%;border-radius:5px;border:1px solid #ccc;height:40px;padding:.5rem;box-sizing:border-box;font-size:1rem}.form-control:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 .2rem rgba(0,86,179,.25)}.error-message{color:#d32f2f;margin-top:.5rem}.form-actions{text-align:right;margin-top:1rem}.cancel-button,.submit-button{background:#8d8ab1;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.cancel-button:hover,.submit-button:hover{background:#0056b3}.cancel-button{background:#ccc;margin-left:.5rem}.cancel-button:hover{background:#bbb}textarea.form-control{height:100px}.vote-describe{font-size:1.3rem;color:#000;border-radius:10px;margin-right:.5rem}.one-vote,.vote-describe{text-align:center;margin-top:14px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.one-vote{font-size:1rem;color:#21a40d}.toptoptop{margin-bottom:1rem;background:linear-gradient(35deg,#fc6796,#955286,#8f7087,#d499de);border-radius:40px;padding:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.toptoptop{padding:1rem}}.comments-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:"Arial",sans-serif}.comment-section{background:#fc6796;background:linear-gradient(55deg,#fc6796,#266b8d,#362bae,#1a804d);border-radius:25px;padding:2rem;margin-top:2rem;z-index:1}.comment-image{position:absolute;top:100px;right:-180px;width:800px;z-index:0}.comment{margin-bottom:1rem;border-radius:15px;border-width:500px;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.7)}.comment-topic{font-size:50px;font-family:"Times New Roman",Times,serif;margin-bottom:.5rem;text-align:center}.comment-actions{display:flex;justify-content:flex-end;grid-gap:.5rem;gap:.5rem;margin-top:1rem}.comment-actions button{background:#8d8ab1;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.comment-actions button:hover{background:#0056b3}.comment-actions button:disabled{background:#ccc;cursor:not-allowed}.new-comment-form{background:rgba(104,220,255,.4);border-radius:25px;padding:1rem;width:90%;margin:10px auto 0;z-index:3}.new-comment-form label{display:block;font-size:1.5rem;margin-bottom:.5rem;color:#9a4fcb;text-align:center;box-shadow:#0056b3;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:700;text-shadow:-.7px -.7px 0 #e0cfcf,.7px -.7px 0 #fff,-.7px .7px 0 #fff,.7px .7px 0 #fff}.new-comment-form textarea{width:100%;border-radius:5px;border:1px solid #ccc;height:100px;resize:none}.new-comment-form .error{color:#d32f2f;margin-top:.5rem}.new-comment-form button{display:block;width:100%;background:#8d8ab1;color:#fff;border:none;border-radius:5px;padding:1rem;margin-top:1rem;cursor:pointer;transition:background-color .3s ease;font-size:1.5rem}.new-comment-form button:hover{background:#0056b3}.login-to-comment{background:#f5dfe6;font-weight:700;color:#362bae;text-align:center;padding:1rem;border-radius:25px;display:block;text-decoration:none;margin-top:2rem;transition:background-color .3s,color .3s}.login-to-comment:hover{background:#fff;color:#0056b3;cursor:pointer}.comment-username{font-weight:700;font-size:1.5rem;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff;padding:.5rem .8rem;border-radius:10px;margin-right:.5rem;text-shadow:-.7px -.7px 0 #000,.7px -.7px 0 #000,-.7px .7px 0 #000,.7px .7px 0 #000}.comment-content{margin-top:13px;text-indent:1rem;display:block}.comment input[type=text]{height:10rem;margin-top:.5rem}.comment-edit-textarea,.comment input[type=text]{width:100%;border:1px solid #ccc;border-radius:4px}.comment-edit-textarea{height:auto;min-height:50px;margin-top:10px;font-family:inherit;resize:vertical}@media (max-width:768px){.comment-image{display:none}}.comment-section{position:relative}.comment-image{z-index:-1}.comment-edit-textarea,.comment input[type=text],.new-comment-form textarea{z-index:10}.comment-edit-textarea,.new-comment-form textarea{background:hsla(0,0%,100%,.6)}.comment{z-index:2;position:relative;max-width:100%}.comment,.comment-content{word-wrap:break-word;overflow-wrap:break-word}.new-comment-form{z-index:10;position:relative}.about-page-container{text-align:center;max-width:800px;margin:auto}.developer-img img{width:250px;height:250px;border-radius:50%;object-fit:cover;display:block;margin:20px auto;box-shadow:0 6px 8px rgba(0,0,0,.6)}.social-links img{width:40px;height:40px;margin:0 10px;vertical-align:middle;box-shadow:0 6px 8px rgba(0,0,0,.2)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.developer-img img:hover,.social-links img:hover{animation:spin 2s linear infinite;transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.2);animation:pulse 1s infinite}
/*# sourceMappingURL=main.3f865142.chunk.css.map */