:root{--primary-color: #db3857;--secondary-color: #1f41bb;--accent-color: #14265f;--background-color: #101728;--white: #ffffff;--gray: #393e4c;--light-gray: #e1e4e8;--border-color: var(--light-gray);--hover-color: #ff4466;--link-color: #005792;--link-hover-color: #003f5e}body{font-family:sans-serif;background-color:var(--background-color);color:var(--secondary-color);margin:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.m-0{margin:0}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.bg-white{background-color:var(--white)}.border{border:1px solid var(--border-color)}.rounded{border-radius:.5rem}.main-content{flex-grow:1;background-color:var(--background-color);padding:1rem}.gradient-line{background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);height:1px;border:none;width:100%;margin:0}@media (max-width: 768px){.main-content{padding:0 1rem}}.container{display:flex;flex-direction:row;width:100%}@media (max-width: 768px){.container{flex-direction:column}}.icon{width:16px;height:16px;fill:var(--gray);margin-right:.5rem}.icon:hover{fill:var(--primary-color)}.btn{background-color:var(--primary-color);color:var(--white);padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer}.btn:hover{background-color:var(--hover-color)}.btn-secondary{background-color:var(--light-gray);color:var(--secondary-color)}.btn-secondary:hover{color:var(--white);background-color:var(--hover-color)}.card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center}.card{display:flex;flex-direction:column;flex-basis:28%;max-width:40%;height:20rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 5px #0000001a;padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 15px #0003}.card-header{font-size:1.5rem;font-weight:600;color:var(--secondary-color);margin-bottom:.5rem}.card-body{font-size:1rem;color:var(--secondary-color)}.card-footer{margin-top:auto;display:flex;justify-content:flex-end}.card-footer .btn{margin-left:.5rem}form{background:var(--accent-color);border:1px solid var(--gray);border-radius:.5rem;padding:1.5rem;margin:auto;margin-bottom:1.5rem;max-width:60%;transform-origin:top;animation:openForm .2s ease forwards}@keyframes openForm{0%{transform:scaleY(0)}to{transform:scaleY(1)}}form .form-group{margin-bottom:1rem}form label{display:block;font-weight:600;color:var(--white);margin-bottom:.5rem}form input[type=text].invalid,form input[type=email].invalid,form input[type=password].invalid,form input[type=number].invalid,form select.invalid,form textarea.invalid{border:1px solid var(--accent-color)}form input[type=text],form input[type=email],form input[type=password],form input[type=number],form select,form textarea{width:100%;padding:.75rem;border:1px solid var(--secondary-color);border-radius:.25rem;font-size:1rem;background-color:var(--white)}form input[type=text]:focus,form input[type=email]:focus,form input[type=password]:focus,form input[type=number]:focus,form select:focus,form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px #00579280}form button[type=submit]{background-color:var(--primary-color);color:var(--white);padding:.75rem 1.5rem;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}form button[type=submit]:hover{background-color:var(--hover-color)}form button[type=submit]:active{opacity:.8}form .form-error{color:#ed5757;font-size:1rem;margin-top:.5rem}.question-title-form{border:1px solid var(--border-color);border-radius:5px;resize:vertical;white-space:nowrap;padding:10px 5px;min-height:20px;max-height:1000px;width:32%;margin-bottom:20px;transition:outline .1s,outline-offset .1s;font-size:18px;font-family:Roboto,sans-serif}.question-description-form{border:1px solid var(--border-color);border-radius:5px;float:right;resize:vertical;white-space:nowrap;padding:10px 5px;min-height:20px;max-height:1000px;width:65%;margin-bottom:20px;transition:outline .1s,outline-offset .1s;font-size:18px;font-family:Roboto,sans-serif}.question-code-form{border:1px solid var(--border-color);border-radius:5px;resize:vertical;white-space:nowrap;padding:10px 5px;min-height:200px;max-height:1000px;width:100%;margin-bottom:20px;transition:outline .1s,outline-offset .1s;font-size:18px;font-family:Roboto,sans-serif}.button-create-question{font-weight:700;color:#fff;background-color:var(--primary-color);border:none;padding:10px 20px;border-radius:10px;cursor:pointer;transition:background-color .2s;margin-bottom:20px}.button-create-question:hover{background-color:#932539}@media (max-width: 768px){form{max-width:95%;padding:1.2rem;margin-left:10px;margin-right:10px;margin-bottom:1.2rem}form .form-group{margin-bottom:.8rem}form label{font-size:.95rem;margin-bottom:.4rem}form input[type=text],form input[type=email],form input[type=password],form input[type=number],form select,form textarea{padding:.65rem;font-size:.95rem}form button[type=submit]{width:100%;padding:.7rem 1.2rem;font-size:.95rem}form .form-error{font-size:.9rem}.question-title-form{width:100%;font-size:16px;padding:8px 5px;margin-bottom:15px;white-space:normal}.question-description-form{width:100%;float:none;font-size:16px;padding:8px 5px;margin-bottom:15px;white-space:normal}.question-code-form{font-size:16px;padding:8px 5px;min-height:150px;margin-bottom:15px}.button-create-question{width:100%;padding:10px 15px;font-size:16px;margin-bottom:15px}}@media (max-width: 480px){form{max-width:98%;padding:1rem;margin-left:5px;margin-right:5px;margin-bottom:1rem}form .form-group{margin-bottom:.7rem}form label{font-size:.9rem}form input[type=text],form input[type=email],form input[type=password],form input[type=number],form select,form textarea{padding:.6rem;font-size:.9rem}form button[type=submit]{padding:.65rem 1rem;font-size:.9rem}form .form-error{font-size:.85rem}.question-title-form,.question-description-form{font-size:15px;padding:7px 5px;margin-bottom:12px}.question-code-form{font-size:15px;padding:7px 5px;min-height:120px;margin-bottom:12px}.button-create-question{padding:9px 12px;font-size:15px;margin-bottom:12px}}@media (max-width: 1024px) and (min-width: 769px){form{max-width:80%}.question-title-form{width:40%}.question-description-form{width:58%}}dialog::backdrop{background-color:#00000080}dialog{border:none;border-radius:.25rem;box-shadow:0 4px 8px #0000001a;background-color:var(--background-color);width:30%;max-width:500px;padding:0}.modal-header{padding:.5rem 1rem;background-color:var(--primary-color);color:var(--white);border-bottom:1px solid var(--border-color)}.modal-header{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.modal-body{padding:1rem;color:var(--secondary-color)}.modal-close{float:right;font-size:1.5rem;font-weight:700;color:var(--white);cursor:pointer}.modal-close:hover,.modal-close:focus{color:var(--secondary-color);text-decoration:none;cursor:pointer}.modal-button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.25rem;color:var(--primary-color);cursor:pointer;background-color:var(--background-color)}.modal-button:hover{background-color:var(--secondary-color);color:#fff}.navbar{background-color:#101728;padding:.5rem;display:flex;justify-content:space-between;align-items:center;color:var(--white);font-family:"Source Sans 3",sans-serif;gap:3rem;position:sticky;top:0;z-index:1000}.navbar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.navbar .logo{display:flex;align-items:center;gap:.7rem;font-weight:900;width:100%;font-size:1rem;color:var(--white);cursor:pointer;margin-left:12px}.logo h1{font-size:2rem;margin:0;line-height:1}.logo img{width:50px;height:auto;border-radius:50%}.navbar .nav-links{width:100%;align-items:center;display:flex;gap:1rem;justify-content:flex-end}.nav-links .page-link{display:flex;font-weight:700;align-items:center;text-decoration:none;color:#fff;font-size:1rem;gap:.9rem;margin:0 10px;transition:all .3s ease}.nav-links .normal-link{text-decoration:none;color:var(--white);font-size:1rem;font-weight:700;padding:.5rem 20px;border-radius:.25rem;cursor:pointer;margin:0;border:1px solid #932539;border-radius:10px;white-space:nowrap;transition:all .3s ease}.nav-links .normal-register-link{text-decoration:none;color:var(--white);font-size:1rem;font-weight:700;padding:.5rem 20px;border-radius:.25rem;cursor:pointer;margin:0 12px 0 0;background-color:var(--primary-color);border-radius:10px;white-space:nowrap;transition:all .3s ease}.nav-links .user-profile-link{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.9rem;gap:.9rem;margin:0 10px;transition:all .3s ease}.user-profile-link p{margin:0;font-size:1.2rem;font-weight:700}.user-profile-link img{width:40px;height:40px;object-fit:cover;border:0px solid var(--border-color);border-radius:50%;margin-right:.5rem;margin-bottom:0;margin-top:0;transition:all .3s ease}.nav-links .page-link:hover,.nav-links .user-profile-link:hover{color:var(--secondary-color)}.navbar .nav-links .normal-link:hover{background-color:var(--primary-color)}.nav-links .normal-register-link:hover{background-color:#932539}@media (max-width: 768px){.navbar{gap:.5rem;padding:.5rem .3rem}.navbar .logo{width:auto;margin-left:8px;gap:.5rem}.logo h1{font-size:1.3rem}.logo img{width:35px}.navbar .nav-links{width:auto;gap:.5rem}.nav-links .page-link{margin:0;font-size:.9rem;gap:.5rem}.nav-links .normal-link{font-size:.85rem;padding:.4rem 12px;white-space:nowrap}.nav-links .normal-register-link{font-size:.85rem;padding:.4rem 12px;margin-right:8px;white-space:nowrap}.nav-links .user-profile-link{margin:0 8px 0 0;font-size:1.5rem;gap:.5rem}.user-profile-link p{font-size:.9rem}.user-profile-link img{width:30px;height:30px;margin-right:.3rem}}@media (max-width: 480px){.navbar{gap:.3rem;padding:.4rem .2rem}.navbar .logo{margin-left:5px;gap:.4rem}.logo h1{font-size:1.1rem}.logo img{width:30px}.navbar .nav-links{gap:.4rem}.nav-links .normal-link{font-size:.75rem;padding:.35rem 10px}.nav-links .normal-register-link{font-size:.75rem;padding:.35rem 10px;margin-right:5px}.nav-links .user-profile-link{margin:0 5px 0 0;font-size:1.3rem;gap:.3rem}.user-profile-link p{font-size:.8rem}.user-profile-link img{width:28px;height:28px}}@media (max-width: 1024px) and (min-width: 769px){.navbar{gap:2rem}.logo h1{font-size:1.8rem}.logo img{width:45px}.nav-links .normal-link,.nav-links .normal-register-link{font-size:.95rem;padding:.45rem 18px}}.user-profi{display:flex;align-items:center;padding:1rem 0}.user-profile img{border-radius:50%;width:50px;height:50px;margin-right:1rem}.user-profile .username{font-size:1rem;color:var(--secondary-color)}.selected-question-container{display:grid;grid-template-columns:100px 1fr;background-color:var(--gray);align-items:center;border-top:var(--border-color) 1px solid;border-bottom:var(--border-color) 1px solid;background-color:var(--background-color);padding:20px;margin-bottom:50px}.selected-question-container h2{margin-top:0;font-size:3rem;margin-bottom:1rem}.detailed-question-info{display:flex;align-items:center;justify-content:end;gap:20px}.detailed-question-info .user-profile{display:flex;align-items:center;gap:10px;position:relative}.detailed-question-info .user-profile:before{content:"|";position:absolute;font-size:1.6rem;top:25%;right:-11px}.detailed-question-info #user-name{font-weight:700}.detailed-question-info #profile-picture{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:5px}.main-question-container{margin-top:20px;padding:10px 20px}.question-list{display:flex;flex-direction:column}.question-item{background-color:var(--white);border:1px solid var(--border-color);padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 5px #0000001a}.question-item .title{font-size:1.5rem;font-weight:600;color:var(--secondary-color);margin-bottom:.5rem}.question-item .meta{font-size:.9rem;color:var(--gray);margin-bottom:1rem}.question-item .tags{display:flex;gap:.5rem;margin-top:1rem}.tag{background-color:var(--accent-color);color:var(--white);padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.question-detail-container .question-body .question{margin:0 0 20px;color:var(--white);overflow:hidden;width:500px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2}.button-create-form{font-weight:700;font-size:16px;float:right;margin-top:46px;margin-right:20px;height:45px;color:var(--white);background-color:var(--primary-color);padding:10px 20px;border-radius:10px;border-width:0;cursor:pointer;transition:background-color .2s ease-in-out}.button-create-form:hover{background-color:#932539}@media (max-width: 768px){.selected-question-container{grid-template-columns:1fr;padding:15px 10px;margin-bottom:30px;gap:15px}.selected-question-container h2{font-size:1.8rem;margin-bottom:.8rem;word-wrap:break-word}.detailed-question-info{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.detailed-question-info .user-profile{display:flex;flex-direction:row;align-items:center;gap:8px}.detailed-question-info .user-profile:before{display:none}.detailed-question-info #profile-picture{width:25px;height:25px;margin-right:0}.detailed-question-info #user-name{font-size:.9rem;margin:0}.detailed-question-info #created-at{font-size:.85rem;margin:0}.main-question-container{margin-top:15px;padding:10px}.question-item{padding:1rem;margin-bottom:1rem}.question-item .title{font-size:1.2rem;word-wrap:break-word}.question-item .meta{font-size:.8rem}.question-item .tags{flex-wrap:wrap;gap:.4rem}.tag{font-size:.75rem;padding:.2rem .4rem}.question-detail-container .question-body .question{width:100%;height:auto;min-height:50px;-webkit-line-clamp:3;line-clamp:3;font-size:.9rem}.button-create-form{float:right;width:45%;max-width:250px;margin:20px 10px 20px 0;font-size:15px;text-align:center}}@media (max-width: 480px){.selected-question-container{padding:12px 8px;margin-bottom:20px;gap:12px}.selected-question-container h2{font-size:1.5rem;margin-bottom:.6rem}.detailed-question-info{gap:10px}.detailed-question-info .user-profile{gap:6px}.detailed-question-info #user-name{font-size:.85rem}.detailed-question-info #created-at{font-size:.8rem}.main-question-container{padding:10px 5px}.question-item{padding:.8rem}.question-item .title{font-size:1.1rem}.question-item .meta{font-size:.75rem}.question-detail-container .question-body .question{font-size:.85rem;-webkit-line-clamp:2;line-clamp:2}.button-create-form{float:right;width:45%;max-width:200px;margin:24px 5px 15px 0;font-size:14px;padding:8px 15px}}@media (max-width: 1024px) and (min-width: 769px){.selected-question-container{grid-template-columns:80px 1fr;padding:18px}.selected-question-container h2{font-size:2.5rem}.detailed-question-info{gap:15px}.question-detail-container .question-body .question{width:100%;max-width:700px}}.sidebar{width:250px;background-color:var(--white);padding:1rem;border:1px solid var(--border-color);flex-shrink:0}.sidebar .filter-section{margin-bottom:2rem}.sidebar .filter-section h3{font-weight:600;margin-bottom:1rem;color:var(--secondary-color)}.sidebar .filter-section ul{list-style-type:none;padding:0}.sidebar .filter-section ul li{margin-bottom:.5rem}.sidebar .filter-section ul li label{display:flex;align-items:center;cursor:pointer;padding:.5rem 1rem;background-color:var(--light-gray);border-radius:.25rem;transition:background-color .3s ease,color .3s ease}.sidebar .filter-section ul li label:hover{background-color:var(--primary-color);color:var(--white)}.sidebar .filter-section ul li input[type=checkbox]{display:none}.sidebar .filter-section ul li input[type=checkbox]:checked+label{background-color:var(--primary-color);color:var(--white)}.sidebar .filter-section .icon{margin-right:.5rem;color:var(--primary-color)}.sidebar .filter-section ul li input[type=checkbox]:checked+label .icon{color:var(--white)}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background-color:var(--white)}table tr:first-of-type th:first-of-type{border-top-left-radius:.5rem}table tr:first-of-type th:last-of-type{border-top-right-radius:.5rem}table tr:last-of-type td:first-of-type{border-bottom-left-radius:.5rem}table tr:last-of-type td:last-of-type{border-bottom-right-radius:.5rem}table th{background-color:var(--primary-color);color:var(--white);font-weight:600}table th,table td{padding:.75rem;text-align:left;border:1px solid var(--border-color)}table tr:hover{background-color:var(--hover-color);color:var(--white)}table .icon{margin-right:.5rem;fill:var(--primary-color)}table .icon:hover{fill:var(--white)}#logout-container{visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#000;position:fixed;padding:10px 20px;border-radius:6px;border:2px solid gray;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:1;visibility:hidden}.show-logout #logout-container,.show-overlay #overlay{visibility:visible;opacity:1}.logout-container h2{font-weight:400;font-size:1.2em;margin:20px 10px}#logout{background-color:#c01d11;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer}#logout:hover{background-color:#c41e12cc}#logout:active{background-color:#aa1a1099}.cancel-logout-button{height:30px;width:30px;padding:0;margin:0;position:absolute;right:0;top:0;cursor:pointer;font-size:1.5em;background:none;background-color:none;border:none;transition:.2s}.cancel-logout-button:hover{color:#c6c6c6;background:#00000057;opacity:.8;border-radius:20px}.questions-container{border-radius:10px;padding:10px 20px;margin-bottom:200px}.question-container{border-top:var(--border-color) 1px solid;border-bottom:var(--border-color) 1px solid;margin-bottom:-1px;background-color:var(--background-color);padding:5px 10px;transition:all .2s ease;height:auto}.question-container h2{margin:10px 0 15px;color:var(--primary-color);transition:color .2s ease}.question-director:hover h2{color:var(--hover-color)}.question-container .description{margin:0 0 20px;color:var(--white);overflow:hidden;width:500px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2}.extra-info-container{display:flex;justify-content:space-between;align-items:center}.question-director{cursor:pointer}.question-director:hover .question-container{background-color:var(--accent-color)}#has-answer{font-weight:700;color:var(--light-gray);font-size:.8em;margin:0}#no-answer{color:#a3a3a3;font-size:.8em;margin:0}.question-container #answer-code{background-color:#00000080;max-height:500px;padding:20px;border-radius:10px;overflow:auto;font-family:monospace;font-size:16px;scrollbar-color:var(--primary-color) black;position:relative}.question-container #answer-code code{white-space:pre}.question-container [class*=JavaScript]:before{content:"JavaScript"}.question-container [class*=TypeScript]:before{content:"TypeScript"}.question-container [class*=Python]:before{content:"Python"}.question-container [class*=HTML]:before{content:"HTML"}.question-container [class*=CSS]:before{content:"CSS"}.question-container #answer-code code:before{position:absolute;right:15px;top:10px;font-size:18px;font-family:monospace;color:var(--primary-color)}@media (max-width: 768px){.questions-container{padding:10px;margin-bottom:100px}.question-container{padding:10px 8px}.question-container h2{font-size:1.3rem;margin:8px 0 12px;word-wrap:break-word}.question-container .description{width:100%;height:auto;min-height:50px;font-size:.9rem;-webkit-line-clamp:3;line-clamp:3}.extra-info-container{flex-direction:column;align-items:flex-start;gap:8px}#has-answer,#no-answer{font-size:.75em}.question-container #answer-code{padding:15px 10px;max-height:300px;font-size:14px;overflow-x:auto}.question-container #answer-code code:before{right:10px;top:8px;font-size:14px}}@media (max-width: 480px){.questions-container{padding:5px;margin-bottom:80px}.question-container{padding:8px 6px}.question-container h2{font-size:1.1rem;margin:6px 0 10px}.question-container .description{font-size:.85rem;-webkit-line-clamp:2;line-clamp:2}.extra-info-container{gap:6px}.question-container #answer-code{padding:12px 8px;max-height:250px;font-size:13px}.question-container #answer-code code:before{font-size:12px}}@media (max-width: 1024px) and (min-width: 769px){.questions-container{padding:10px 15px;margin-bottom:150px}.question-container .description{width:100%;max-width:700px}.question-container #answer-code{max-height:400px}}.home-intro-container{display:flex;flex-direction:column;align-items:center;margin-bottom:50px;padding:0 20px}.home-intro-container h1{font-size:4.5rem;width:800px;line-height:70px;text-align:center}.home-intro-container .intro-description{display:flex;height:300px;text-align:center}.home-intro-container .intro-description p{font-weight:700;font-size:1rem;margin-bottom:10px;width:500px}.home-intro-container .intro-description .description-1{display:flex;flex-direction:column;justify-content:start}.home-intro-container .intro-description .description-2{display:flex;flex-direction:column;justify-content:end}.home-intro-container .intro-description hr{width:90%;align-self:center;height:1px;background-color:var(--primary-color);border:none;border-radius:20px;margin:0}.dropbtn{background-color:transparent;color:#fff;padding:16px;font-size:16px;border:1px solid white;cursor:pointer;border-radius:8px;min-width:230px;max-width:230px;font-weight:700;transition:background-color .2s ease,color .2s ease}.dropbtn:hover{background-color:#fff;color:#000}.dropdown{margin-top:36px;margin-bottom:36px;position:relative;display:inline-block}.dropdown-content{position:absolute;min-width:230px;z-index:1;background-color:var(--accent-color);border:var(--border-color) 1px solid;border-radius:10px;transform-origin:top;transform:scaleY(0);pointer-events:none;transition:transform .2s ease,opacity .1s ease}.dropdown-content button{width:95%;border-width:0;padding:12px 16px;margin:1px auto -1px;text-decoration:none;font-size:16px;display:block;cursor:pointer;background-color:var(--accent-color);color:var(--white);font-weight:700;border-bottom:1px solid var(--border-color);transition:color .1s ease}.dropdown-content button:hover{color:gray}.dropdown-content.show{transform:scaleY(1);opacity:1;pointer-events:auto}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}#loading{display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%);padding:10px;background-color:#333;color:#fff;border-radius:5px;font-size:14px;text-align:center}#loading.show{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:10px solid rgb(237,87,87);border-left-color:#333;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#no-pages{display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%);padding:10px;background-color:#333;color:#fff;border-radius:5px;font-size:14px;text-align:center}#no-pages.show{display:block}@media (max-width: 768px){.home-intro-container{margin-bottom:30px;padding:0 15px}.home-intro-container h1{font-size:2.5rem;width:100%;max-width:100%;line-height:1.2;margin-bottom:20px}.home-intro-container .intro-description{flex-direction:column;height:auto;gap:20px;width:100%}.home-intro-container .intro-description p{width:100%;max-width:100%;font-size:.95rem;line-height:1.5}.home-intro-container .intro-description .description-1,.home-intro-container .intro-description .description-2{justify-content:center}.home-intro-container .intro-description hr{width:80%}.dropdown{margin-top:20px;margin-bottom:20px;width:45%;max-width:300px}.dropbtn{width:100%;min-width:auto;max-width:100%;font-size:14px}.dropdown-content{width:100%;min-width:auto}.dropdown-content button{width:95%}}@media (max-width: 1024px) and (min-width: 769px){.home-intro-container h1{font-size:3.5rem;width:90%;line-height:1.2}.home-intro-container .intro-description{height:auto;min-height:250px}.home-intro-container .intro-description p{width:400px;font-size:.95rem}}@media (max-width: 480px){.home-intro-container h1{font-size:2rem;line-height:1.3}.home-intro-container .intro-description p{font-size:.9rem}.home-intro-container .intro-description{gap:15px}}.footerbar{display:flex;align-items:center;background-color:var(--accent-color);width:100%;height:130px;margin-top:auto}.footerbar p{margin:0;padding:0;color:var(--white);font-size:.9rem;text-align:center;width:100%}.footerbar .footer-span{color:var(--primary-color)}#amount-of-answers{margin-top:10px}.answer-container{display:grid;background-color:transparent;grid-template-columns:100px 1fr;align-items:center;border-radius:10px;padding:20px;position:relative;gap:20px;margin-bottom:40px;overflow:visible}.answer-container .answer-info{overflow:visible}.answer-container:before{position:absolute;content:"";width:100%;height:1px;background-color:var(--border-color);bottom:-10px;left:0;border-radius:10px}.answer-info .detailed-answer-info{display:flex;justify-content:end;gap:20px;width:50%;float:right}.answer-info .detailed-answer-info .user-profile{font-weight:700;position:relative;display:flex;align-items:center;gap:10px}.answer-info .detailed-answer-info #user-name{font-weight:700}.answer-info .detailed-answer-info #profile-picture{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:5px}.answer-info .detailed-answer-info .user-profile:before{content:"|";position:absolute;right:-11px;top:25%;font-size:1.5rem;font-weight:lighter}.answer-info .answer-buttons{display:flex;align-items:center;justify-content:start;gap:20px}.answer-info .answer-buttons button{color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s}.answer-info .answer-buttons #edit-answer-button{background-color:transparent;border:1px solid var(--secondary-color);bottom:0;position:absolute;margin-bottom:32px}.answer-info .answer-buttons #delete-answer-button{background-color:transparent;border:1px solid var(--primary-color);bottom:0;position:absolute;margin-bottom:32px;margin-left:120px}.answer-info .answer-buttons #edit-answer-button:hover{background-color:#183499}.answer-info .answer-buttons #delete-answer-button:hover{background-color:#932539}@media (max-width: 768px){.answer-container{grid-template-columns:1fr;padding:15px 10px 15px 70px;gap:15px;margin-bottom:30px;position:relative}.answer-container .answer-info{display:flex;flex-direction:column}.answer-info #answer-description{order:1;margin-bottom:15px}.answer-info .detailed-answer-info{order:3;width:100%;float:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:0;margin-top:15px}.answer-info .detailed-answer-info .user-profile{display:flex;flex-direction:row;align-items:center;gap:8px}.answer-info .detailed-answer-info .user-profile:before{display:none}.answer-info .detailed-answer-info #profile-picture{width:28px;height:28px;margin-right:0}.answer-info .detailed-answer-info #user-name{font-size:.9rem;margin:0}.answer-info .detailed-answer-info #date{font-size:.85rem;margin:0}.answer-info .answer-buttons{order:2;flex-direction:row;gap:10px;position:static;width:100%;justify-content:flex-start;flex-wrap:wrap}.answer-info .answer-buttons button{padding:8px 15px;font-size:.85rem;width:auto;min-width:80px;max-width:120px;flex:0 1 auto}.answer-info .answer-buttons #edit-answer-button{position:static;margin-bottom:0}.answer-info .answer-buttons #delete-answer-button{position:static;margin-bottom:0;margin-left:0}}@media (max-width: 480px){.answer-container{padding:12px 8px 12px 60px;gap:12px;margin-bottom:25px}.answer-info .detailed-answer-info{gap:10px;margin-bottom:0;margin-top:12px}.answer-info .detailed-answer-info .user-profile{gap:6px}.answer-info .detailed-answer-info #profile-picture{width:26px;height:26px}.answer-info .detailed-answer-info #user-name{font-size:.85rem}.answer-info .detailed-answer-info #date{font-size:.8rem}.answer-info .answer-buttons{gap:8px}.answer-info .answer-buttons button{padding:7px 12px;font-size:.8rem;min-width:70px;max-width:110px}}@media (max-width: 1024px) and (min-width: 769px){.answer-container{grid-template-columns:80px 1fr;padding:18px}.answer-info .detailed-answer-info{width:60%}}.answerForm{border:1px solid var(--secondary-color);background-color:var(--accent-color);padding:1.5rem;border-radius:.5rem;margin-top:4rem;margin-bottom:20rem;margin-left:auto;margin-right:auto;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;width:640px}.answerForm div{justify-content:center;margin-left:auto;margin-right:auto}.answerForm textarea{font-family:Arial;background-color:#000;border:1px solid var(--border-color);border-radius:10px 10px 0/10px 10px 0px;border-width:1px;font-weight:700;color:var(--white);justify-content:center;margin-left:auto;margin-right:auto}.answerForm button{border:1px solid var(--border-color);border-radius:4px;border-width:1px;font-weight:700;color:var(--white);background-color:var(--background-color);cursor:pointer;justify-content:center;transition:background-color .5s ease-in-out}.answerForm button :hover{background-color:var(--secondary-color)}.answers-container .answer-form-submit{display:block;margin:15px auto 20px;padding:10px 25px;border-width:0px;border-radius:10px;font-weight:700;font-size:1rem;color:var(--white);background-color:var(--primary-color);cursor:pointer;transition:background-color .2s ease-in-out}.answers-container .answer-form-submit:hover{background-color:#932539}@media (max-width: 768px){.answerForm{width:calc(100% - 20px);max-width:640px;padding:1.2rem;margin-top:2rem;margin-bottom:10rem;margin-left:10px;margin-right:10px}.answerForm textarea{width:100%;font-size:.95rem;padding:10px}.answerForm button{font-size:.95rem;padding:8px 15px}.answers-container .answer-form-submit{font-size:.95rem;padding:10px 20px;margin:12px auto 15px}}@media (max-width: 480px){.answerForm{width:calc(100% - 10px);padding:1rem;margin-top:1.5rem;margin-bottom:8rem;margin-left:5px;margin-right:5px}.answerForm textarea{font-size:.9rem;padding:8px}.answerForm button{font-size:.9rem;padding:7px 12px}.answers-container .answer-form-submit{font-size:.9rem;padding:9px 18px;margin:10px auto 12px}}@media (max-width: 1024px) and (min-width: 769px){.answerForm{width:90%;max-width:640px;margin-top:3rem;margin-bottom:15rem}}.answer-editor-title{display:flex;align-items:center;justify-content:center;width:100%}.answer-editor-container p{font-size:13px;font-weight:500;margin-bottom:5px}.return-button-container{margin-top:20px;display:flex;margin-left:20px;margin-bottom:20px}.return-button{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:10px 0;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.return-button:hover{background-color:#aa2c43}.return-button:active{transform:scale(.95)}.textarea-container{margin-bottom:20px}.answer-editor-form{margin-bottom:200px}.textarea-container textarea{border:3px solid var(--gray);border-radius:5px;resize:vertical;white-space:nowrap;padding:10px 5px;scrollbar-color:var(--primary-color) rgba(215,215,215,0);min-height:200px;max-height:1000px;margin-bottom:20px;transition:outline .1s,outline-offset .1s;font-size:18px;font-family:Roboto,sans-serif}.textarea-container textarea:focus{outline:3px solid var(--primary-color);outline-offset:2px}.tag-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:40px}.tag-container input[type=radio]{display:none}.tag-container label{cursor:pointer;text-align:center;padding:10px 20px;font-size:14px;font-weight:400;background-color:transparent;border:1px solid var(--border-color);border-radius:10px;transition:background-color .2s}.tag-container label:hover{background-color:#264bd3}label:has(input[type=radio]:checked){background-color:var(--primary-color);border-color:var(--primary-color)}.code-container code{font-family:monospace}#answer-code,#question-code{background-color:#1c1b1b;max-height:500px;padding:20px 0;border-radius:10px;white-space:pre;overflow:auto;font-family:monospace;font-size:16px;scrollbar-color:var(--primary-color) black;position:relative}.selected-question-container [class*=JavaScript]:before,.answer-container [class*=JavaScript]:before{content:"JavaScript"}.selected-question-container [class*=TypeScript]:before,.answer-container [class*=TypeScript]:before{content:"TypeScript"}.selected-question-container [class*=Python]:before,.answer-container [class*=Python]:before{content:"Python"}.selected-question-container [class*=HTML]:before,.answer-container [class*=HTML]:before{content:"HTML"}.selected-question-container [class*=CSS]:before,.answer-container [class*=CSS]:before{content:"CSS"}.selected-question-container #question-code code:before,.answer-container #answer-code code:before{position:absolute;right:15px;top:10px;font-size:18px;font-family:monospace;color:var(--primary-color)}.profile-menu{display:flex;gap:20px;margin-top:10px;margin-left:20px}.profile-menu button{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid white;border-radius:10px;color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.profile-menu button img{transition:filter .2s ease}.profile-menu .profile-button img{width:50px;height:auto}.profile-menu .statistics-button img{width:40px;height:auto}.profile-menu button:hover{background-color:#fff;color:var(--background-color)}.profile-menu button:hover img{filter:invert(1)}.profile-menu button:active{background-color:var(--background-color)}.edit-profile-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.edit-profile-container button{color:#fff;border-color:#fff;border-width:1px;border-style:solid;background-color:var(--background-color);padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;margin-bottom:20px}.upload-picture{display:none;visibility:hidden}.edit-profile-container button:hover{background-color:#fff;color:var(--background-color)}.edit-profile-container .profilePicture{width:250px;height:250px;margin-top:50px;margin-bottom:10px;border-radius:50%;border-color:#fff;border-width:0px;border-style:solid}.edit-profile-container input{position:relative;border-radius:10px;border:var(--border-color) 1px solid;background-color:var(--accent-color);color:#fff;font-size:.9rem;margin:0 0 20px;overflow:hidden;width:350px;height:35px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2}.edit-profile-container .edit-expertise{margin-bottom:50px}input[type=date]{color:#fff;background-color:var(--accent-color)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.delete-profile-container .delete-button{color:#fff;font-weight:700;border-width:0px;border-style:solid;background-color:var(--primary-color);padding:10px 20px;border-radius:10px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;margin-bottom:100px}.delete-profile-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;margin-bottom:200px}.delete-profile-container .delete-button:hover{background-color:#932539}.delete-options-container{display:flex;justify-content:space-around;align-items:flex-end;padding-top:20px}@keyframes bounceIn{0%{transform:scale(0%)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0%}to{opacity:100%}}.delete-profile-container .delete-account-container{animation:.5s linear(0,.453 7.8%,.803 16.1%,1.048 24.9%,1.132 29.5%,1.194 34.4%,1.227 38.4%,1.245 42.5%,1.25 46.9%,1.242 51.7%,1.2 60.5%,1.038 84.9%,1.009 92.5%,1) 0s 1 bounceIn;position:fixed;top:50%;left:50%;margin-left:-230px;margin-top:-100px;margin-right:-230px;width:470px;z-index:11}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;animation:.5s ease-in fadeIn}.statistics-container{display:none;flex-direction:column;border:1px solid white;border-radius:10px;padding:20px;margin-top:20px;margin-bottom:20px;align-self:center;align-items:center}.statistics-container h2{margin-bottom:10px}.statistics-container p span{color:var(--primary-color);font-weight:700}.statistics-container p .no-rates{color:#d3d3d385;font-weight:400}@media (max-width: 768px){.profile-menu{gap:15px;margin-left:15px;margin-right:15px;flex-wrap:wrap}.profile-menu button{font-size:1.1rem;padding:8px 12px}.profile-menu .profile-button img{width:45px}.profile-menu .statistics-button img{width:38px}.edit-profile-container .profilePicture{width:220px;height:220px;margin-top:40px}.edit-profile-container button{margin-bottom:20px}.edit-profile-container input{width:calc(100% - 40px);max-width:350px;font-size:.85rem;height:38px;margin:0 20px 18px;padding:8px}.edit-profile-container .edit-expertise{margin-bottom:40px}.delete-profile-container{margin-bottom:150px;padding:0 15px}.delete-profile-container .delete-button{width:calc(100% - 40px);max-width:350px;margin-bottom:80px}.delete-profile-container .delete-account-container{width:calc(100% - 40px);max-width:450px;margin-left:calc(-50vw + 20px);margin-right:calc(-50vw + 20px);left:50vw}.delete-options-container{flex-direction:column;gap:10px;padding-top:15px}.statistics-container{margin:18px 15px;padding:18px}.statistics-container h2{margin-bottom:8px}}@media (max-width: 480px){.profile-menu{gap:12px;margin-left:12px;margin-right:12px}.profile-menu button{font-size:1rem;padding:7px 10px}.profile-menu .profile-button img{width:42px}.profile-menu .statistics-button img{width:35px}.edit-profile-container .profilePicture{width:200px;height:200px;margin-top:35px}.edit-profile-container button{margin-bottom:18px;padding:9px 18px}.edit-profile-container input{width:calc(100% - 30px);max-width:350px;font-size:.8rem;height:36px;margin:0 15px 16px;padding:7px}.edit-profile-container .edit-expertise{margin-bottom:35px}.delete-profile-container{margin-bottom:120px;padding:0 12px}.delete-profile-container .delete-button{width:calc(100% - 30px);max-width:350px;margin-bottom:70px}.delete-profile-container .delete-account-container{width:calc(100% - 30px);margin-left:calc(-50vw + 15px);margin-right:calc(-50vw + 15px)}.statistics-container{margin:16px 12px;padding:16px}}@media (max-width: 1024px) and (min-width: 769px){.profile-menu{gap:18px;margin-left:18px}.edit-profile-container .profilePicture{width:240px;height:240px;margin-top:45px}}.rating-container{display:flex;flex-direction:column;align-items:center;gap:10px}.rating-container p{text-align:center;margin:0;font-size:1.9rem;padding:0;font-weight:600;color:var(--primary-color)}.rating-container .upvote-button img{margin-bottom:2px}.rating-container .downvote-button img{transform:rotate(180deg);margin-top:2px}.rating-container #voted-button{background-color:var(--primary-color)}.rating-container button{display:flex;background:transparent;border:none;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;position:relative}.rating-container button img{object-fit:contain;width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.rating-container{gap:8px;position:absolute;left:10px;top:15px}.rating-container p{font-size:1.5rem}.rating-container button{width:35px;height:35px}.rating-container button img{width:18px;height:18px}.rating-container .upvote-button img{margin-bottom:1px}.rating-container .downvote-button img{margin-top:1px}.answer-container,.selected-question-container{padding-left:70px;position:relative}}@media (max-width: 480px){.rating-container{gap:6px;left:8px;top:12px}.rating-container p{font-size:1.3rem}.rating-container button{width:32px;height:32px}.rating-container button img{width:16px;height:16px}.answer-container,.selected-question-container{padding-left:60px}}@media (max-width: 1024px) and (min-width: 769px){.rating-container p{font-size:1.7rem}.rating-container button{width:38px;height:38px}.rating-container button img{width:19px;height:19px}}.editor-toolbar button{color:#fff!important}.editor-toolbar button:hover{color:var(--background-color)!important}.upvote-button-container,.downvote-button-container{position:relative}.speech-bubble-container{display:none;row-gap:8px;flex-direction:column;position:absolute;background:#fff;border-radius:8px;padding:10px;width:300px;top:50%;transform:translateY(-50%);left:55px;z-index:1}.speech-bubble-container:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid white;border-bottom:10px solid transparent;border-top:10px solid transparent;position:absolute;transform:translateY(-50%);top:50%;right:100%}.speech-bubble-container p{color:gray;font-size:15px;text-align:left}.speech-bubble-container div p{font-size:15px;font-weight:400;margin-right:5px}*{box-sizing:border-box}body{font-size:1.2em;color:var(--white);min-height:100vh;position:relative}h1{text-align:center}.background-object{position:fixed;top:100px;left:50%;translate:-50%;width:270px;height:270px;z-index:-1}.background-object img{position:absolute;top:50%;margin-top:-140px;left:50%;width:310px;margin-left:-165px;opacity:.3}@media (max-width: 768px){.background-object{top:80px;width:180px;height:180px}.background-object img{width:200px;margin-top:-100px;margin-left:-100px;opacity:.2}}@media (max-width: 480px){.background-object{top:60px;width:140px;height:140px}.background-object img{width:150px;margin-top:-75px;margin-left:-75px;opacity:.15}}@media (max-width: 1024px) and (min-width: 769px){.background-object{width:220px;height:220px}.background-object img{width:250px;margin-top:-125px;margin-left:-125px;opacity:.25}}