@import"https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}.chat_profile_container{font-family:Nunito Sans,sans-serif;transition:all .45s ease-in-out}a:link{text-decoration:none;color:#fff;white-space:pre-wrap}a:visited{color:#fff}.logged_In{translate:-450% 0}.chat_profile{translate:0 -250%}.image_style{top:2rem}.right_container{position:relative}.upload{position:absolute;right:5.5rem;top:2.5rem;border:none;padding:.4rem;border-radius:5px;cursor:pointer;background-color:#faebd7;transition:all .15s ease-in-out}.upload2{position:absolute;right:1rem;top:2.5rem;border:none;padding:.4rem;border-radius:5px;cursor:pointer;background-color:#f0f8ff;transition:all .15s ease-in-out}.upload:focus{outline:none}.upload:hover{background-color:#fff}.upload:active{background-color:#faebd7}.upload2:focus{outline:none}.upload2:hover{background-color:#66cdaa}.upload2:active{background-color:#f0f8ff}.light__mode{color:#000;background-color:#f5f5f5}.dark__mode{color:#fff;background-color:#000000d9}.leftLight__mode{color:#000;background-color:#0000004d}.empty__mode{color:#000;background-color:#333}.leftContainer__mode{color:#fff;background-color:#333}.search__container{background-color:#191e1c;color:#fff}.title{text-align:center;text-transform:capitalize;text-shadow:-2px 0 3px #FF0000,0 2px 10px #0000FF}.article{position:relative}.article .about_topic{padding:.5rem;font-size:35px;text-align:center}.article .content{display:flex;flex-direction:column;gap:4px;font-size:13px;font-family:Nunito Sans,sans-serif}.content .texts{word-wrap:normal;word-break:keep-all;text-align:justify;text-justify:inter-word;line-height:18px}.content:nth-last-child(){text-align:center}.iconfill{font-size:16rem;color:#d3d3d3;animation:animatelogo 5s linear 3s infinte forwards}@keyframes animatelogo{0%{transform:rotate(40deg)}to{transform:rotate(-40deg)}}@media (min-width: 768px){.modal_container{width:65vw}}@media (min-width: 968px){.modal_container{width:52vw}}