*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body{margin:0;padding:0;background-color:#b3b7fd40;background-attachment:fixed;width:100%;color:#060b28}.app-container{display:flex;flex-direction:column;align-items:center;width:100%}header{display:flex;align-items:center;cursor:pointer}.navbar-header-container a{text-decoration:none!important}.logo{width:60px;height:-moz-fit-content;height:fit-content;margin-left:15px;filter:brightness(100%) saturate(200%)}h1{display:flex;justify-content:center;color:#2b052aeb;width:100%;font-size:1.5rem;margin-left:15px}.navbar-header-container{display:flex;width:100%;border-bottom:1px solid rgba(76,20,91,.22);background-color:#d2a6f0;align-items:center;justify-content:space-between;padding:9px 0 7px;position:fixed;z-index:10;top:0;box-shadow:#00000012 0 1px 1px,#00000012 0 2px 2px,#00000012 0 4px 4px,#00000012 0 8px 8px,#00000012 0 16px 16px}.navbar-container{display:flex;align-items:center;justify-content:flex-end;min-width:-moz-fit-content;min-width:fit-content}.navbar-container a{border:1px solid #0000003b;border-radius:8px;padding:10px;text-decoration:none;background-color:#51ffceba;font-weight:700;color:#000;margin:15px 25px;transition:all .3s ease-out}.navbar-container a:hover{background-color:#09d7a7e0}.navbar-container a:focus{background-color:#09d79cba}.article-list-loading{font-weight:700;font-size:1.2rem;height:100vh;margin-top:15%;background-color:none}.articles-container{display:flex;flex-direction:column;align-items:center}.articles-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;list-style-type:none;margin:10px 0 50px;padding:0;width:90%}.article-card{display:flex;flex-direction:column;padding:15px;border:1px solid #0000003d;margin:10px;border-radius:8px;box-shadow:#00000059 0 5px 15px}.article-card:hover{background-color:#b3b7fd75}.article-card a{text-decoration:inherit;color:inherit}.article-header{display:flex}.article-header img{width:30px;height:-moz-fit-content;height:fit-content;align-self:center;margin-right:7px}.topic{text-transform:capitalize}.article-body{display:flex;flex-direction:column}.article-image-container{display:flex;width:100%}.article-image{max-width:500px;align-self:center;border-radius:8px;width:100%;min-height:333.5px;-o-object-fit:cover;object-fit:cover}.article-title{max-width:500px;line-height:1.5rem;margin-bottom:7px;overflow-y:auto;min-height:50px}.article-body div{line-height:.7rem}.article-body p{font-size:.8rem;line-height:1.5rem;margin:0}.article-body span{font-weight:700}.article-footer{display:flex;justify-content:space-between}.article-footer span{font-weight:700}.single-article-loading{font-weight:700;font-size:1.2rem;height:100vh;margin-top:15%;background-color:none}.article-container{width:80%;max-width:1200px;margin-bottom:50px}.single-article{display:flex;flex-direction:column;padding:15px}.single-article h2{text-align:center;margin:40px 0 20px}.article-topic{text-transform:capitalize;font-style:italic;font-size:.78rem;margin-top:0;text-align:center}.article-topic span{font-style:normal;font-weight:700}.article-author-date{font-size:.8rem;font-style:italic;text-align:center}.article-author-date span{font-weight:550;font-style:normal}.article-text{line-height:1.6rem;margin-top:25px}.single-article img{border-radius:8px;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;margin:35px 0 23px}.comments-votes-container{display:flex;font-weight:700;align-items:center}.comments-votes-container span{font-weight:400}.votes{margin-left:15px}.vote-buttons-container{display:flex;justify-content:center;margin:15px 0}.like-btn,.dislike-btn{border:none;background-color:transparent;border-radius:50%;margin:0 10%;transition:all .2s ease-in-out;box-shadow:none;transition:all .3s ease-out}.like-btn img,.dislike-btn img{width:3rem;border-radius:50%;margin:0;cursor:pointer;filter:brightness(97%) saturate(160%)}.like-btn:hover,.dislike-btn:hover{transform:scale(1.2)}.like-btn:disabled{border:none;filter:brightness(100%) saturate(0%);pointer-events:none}.dislike-btn:disabled{border:none;filter:brightness(230%) saturate(0%);pointer-events:none}.vote-error-msg{font-weight:700;font-size:1rem;align-self:center;color:#c40707}.comments-list-loading{font-weight:700;font-size:1rem;height:50vh;background-color:none;text-align:center}.single-comment-card{display:flex;flex-direction:column;padding:15px;border:1px solid #0000003d;margin:10px;border-radius:8px;box-shadow:#00000059 0 5px 15px;font-size:.9rem}.single-comment-card span{font-weight:700}.comment-author-date{font-size:.8rem;margin-bottom:0}.comment-text{line-height:1.4rem;overflow-wrap:break-word}.comment-votes{margin:0;font-size:.8rem}.no-comments-msg{font-weight:700;font-size:1rem;height:50vh;text-align:center;margin-top:50px}.form-container{display:flex;flex-direction:column;padding:15px;border:1px solid #0000003d;margin:10px;border-radius:8px;box-shadow:#00000059 0 5px 15px;font-size:.9rem}.comment-adder-form label{font-weight:700;padding:15px 0;display:flex;justify-content:space-between}.chars-left{font-weight:lighter;font-style:italic;font-size:.85rem}.comment-adder-form{display:flex;flex-direction:column}textarea{border-radius:5px;border:1px solid #0000003d}.add-button-container{display:flex;justify-content:center}.add-button-container button{padding:10px;font-weight:700;background-color:#a0ecba;border-radius:8px;border:1px solid #33dd76;margin:17px 0 5px;font-size:.97rem;transition:all .3s ease-out}.add-button-container button:hover{background-color:#33dd76;color:#fff}.add-comment-btn:disabled{border:none;filter:brightness(1) saturate(0%);pointer-events:none;border:1px solid #0000003d}.post-comment-error-msg{font-weight:700;font-size:1rem;align-self:center;color:#c40707;margin:15px 0 5px}.comment-length-error{font-weight:lighter;font-style:italic;font-size:.85rem;font-weight:400;color:#c40707;margin:0}.topics-container{display:flex;flex-direction:column;height:100vh;padding:0;min-width:200px;margin:60px 50px 50px;width:80%;max-width:800px}.topics-container li{list-style-type:none;padding:15px;border:1px solid #0000003d;margin:10px;border-radius:8px;box-shadow:#00000059 0 5px 15px;font-size:.9rem}.topics-container li:hover{background-color:#b3b7fd75}.topics-container a{display:flex;align-items:center;text-decoration:none;color:inherit;text-transform:capitalize}.topic-img{width:50px}.topic-title{font-weight:700;font-size:1.1rem}.topic-info{margin-left:15px}.logged-in-as{display:flex;width:90%;justify-content:center;align-items:center;margin-top:115px}.logged-in-text{margin-left:10px;font-size:.9rem;text-align:center}.logged-in-text span{font-weight:700}.logged-img{width:2.3rem;-o-object-fit:contain;object-fit:contain}.single-comment-header{display:flex;justify-content:space-between}.delete-btn-container{max-width:600px;align-self:center}.delete-btn{margin:0;padding:0;border:none;background-color:transparent;border-radius:50%;transition:all .3s ease-in-out}.delete-btn img{width:2.5rem;border-radius:50%;margin:0;cursor:pointer;filter:brightness(100%) saturate(300%)}.delete-btn:hover{transform:scale(1.2)}.delete-comment-error-msg{font-weight:700;font-size:.95rem;align-self:center;margin:5px 0;text-align:center;color:#c40707}.successfully-deleted{font-weight:700;font-size:.95rem;align-self:center;margin:15px 0;text-align:center;color:#289548}.error-container{display:flex;flex-direction:column;color:#f70505;height:100vh;width:90%;margin-top:100px;text-align:center}.error-status{font-size:3rem;font-weight:700}.error-text{display:flex;font-size:2rem;justify-content:center;align-items:center}.img-wrapper{display:flex;align-items:center;justify-content:center;margin-right:.9rem}.waring-img{width:3rem;filter:brightness(100%) saturate(500%)}footer{display:flex;width:100%;margin-bottom:40px}.footer-text{display:flex;width:100%;font-size:.9rem;align-items:center;padding:0;margin:0;justify-content:center}.footer-text span{padding:0;margin:0}.dot-image{width:2rem}.hamburger-container{display:none;flex-direction:column}.hamburger-lines{display:flex;flex-direction:column;width:2rem;height:2rem;justify-content:space-around;margin-right:20px}.hamburger-links a{text-align:center;padding-top:40px;text-decoration:none;font-weight:700;color:#000;width:100%}.hamburger-links.active{display:flex;flex-direction:column;height:100vh;position:absolute;background-color:#d2a6f0;top:100%;left:0;width:100%;border-top:1px solid #0000003b;padding-top:30px;box-shadow:#00000012 0 1px 1px,#00000012 0 2px 2px,#00000012 0 4px 4px,#00000012 0 8px 8px,#00000012 0 16px 16px}.hamburger-links.closed{display:none}.burger{width:2rem;height:.25rem;border-radius:10px;background-color:#00a8ff;border:1px solid #00a8ff;transform-origin:1px;transition:all .3s linear}.burger1.opened{transform:rotate(43deg)}.burger2.opened{opacity:0}.burger3.opened{transform:rotate(-42deg)}.burger1.closed{transform:rotate(0)}.burger2.closed{opacity:1}.burger3.closed{transform:rotate(0)}.sort-buttons-container{width:80%;display:flex;max-width:557px;min-width:150px}.sort-by-dropdown{display:flex;flex-direction:column;justify-content:center;margin:18px 0 20px;width:100%}.sort-span{display:flex;justify-content:space-between;padding:20px;background:#7e4580b8;font-weight:700;border-radius:8px;color:#fff;font-size:1.2em;font-variant:small-caps;cursor:pointer}.sort-span:after{float:right;right:10%;content:"+"}.slide{display:flex;justify-content:center;padding:0;width:100%;align-self:center;margin-top:10px;clear:both;height:0px;overflow:hidden;text-align:center;transition:height .4s ease;list-style-type:none}.slide-wrapper{display:flex;justify-content:center;padding:0;width:100%;align-self:center}.slide li{padding:30px}#touch{position:absolute;opacity:0;height:0px}#touch:checked+.slide{height:90px}.sort-btn{margin:15px;padding:10px;background-color:#c2e3ff;border-radius:8px;border:1px solid #5db3ff;color:#10102b;font-weight:700;width:30%;font-size:1rem;transition:all .5s ease-out}.sort-btn:hover{background-color:#7ac1ff}.sort-btn:focus{background-color:#7ac1ff}.sort-error-msg{font-weight:700;font-size:1rem;align-self:center;margin-bottom:30px;text-align:center;color:#c40707}@media only screen and (max-width: 600px){.hamburger-container{display:flex;z-index:12}.navbar-container{display:none}.topics-container{width:90%}.like-btn,.dislike-btn{transition:none}}@media only screen and (max-width: 400px){.hamburger-container{display:flex;z-index:12}.navbar-container{display:none}.topics-container{width:90%}.like-btn,.dislike-btn{transition:none}.sort-btn{margin:5px;padding:7px;font-size:.9rem;width:80px}}