@font-face{font-family:Cairo;src:url(Cairo-VariableFont.ttf) format("truetype")}html,body,#root{margin:0;font-family:Cairo,sans-serif;background-color:#f5efe6;color:#003135}.error{max-width:90%;padding:0 0 16px!important;margin:auto;background-color:#ffecec;border:1px solid #f5aca6!important;border-radius:8px;box-shadow:#00000029 0 1px 4px;text-align:center;color:#f44336;font-weight:700;font-size:20px;position:relative;top:20vh}.error>div{font-size:48px}.error+.comments{display:none}.spinner{display:flex;justify-content:center;align-items:center;height:100vh}.spinner>div{width:40px;height:40px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#003135;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation{display:flex;align-items:center;justify-content:center;background-color:#c2cbd2;height:50px;box-shadow:#00000029 0 1px 4px;position:sticky;z-index:1;top:0;margin-bottom:80px}.navigation-logo{width:160px;height:80px;align-self:baseline;background-color:#003135;text-align:center;border-radius:0 0 10px 10px;box-shadow:#00000029 0 1px 4px;cursor:pointer;position:absolute;left:40px}.navigation-search{padding:5px 10px;border-radius:10px;background-color:#f5efe6;border:solid 2px #003135;color:#003135;box-shadow:#00000029 0 1px 4px;width:25%;height:20px;font-family:Cairo,sans-serif}@media screen and (max-width: 1080px){.navigation{height:40px;justify-content:space-between;padding:0 15px;margin-bottom:60px}.navigation-search{width:35%;height:14px}.navigation-logo{width:120px;height:60px;position:relative;left:0}}.article{border:1px solid #ccc;border-radius:5px;padding:20px;box-shadow:#00000029 0 1px 4px;max-width:980px;margin:0 auto 30px}.article h1{margin:15px 0;line-height:1.3}.article h2{margin-top:50px}.article p,.article li{text-align:justify;font-size:17px;line-height:1.7}.article a{font-weight:700;color:#0080a8;text-decoration:none}.article blockquote{background-color:#c2cbd269;padding:5px 20px;margin:10px;border-radius:15px;text-align:justify}.article img{max-width:100%;display:block;margin:30px auto;border-radius:10px;box-shadow:#63636333 0 2px 8px}.article hr{color:#c2cbd2}.article-info{margin-bottom:40px}.article-info span{margin-right:30px;font-size:14px}.article-author{cursor:pointer}.article-tags{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px}.article-tags span{background-color:#003135;padding:1px 5px;border-radius:5px;color:#f5efe6;font-size:11px;cursor:pointer}.article-image{padding:100px 20px 5px;margin:-20px;background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 1080px){.article{margin-inline:30px}}@media screen and (max-width: 560px){.article{margin:0 10px 20px;padding:15px}.article h1{margin:5px 0;font-size:28px}.article h2{font-size:21px;margin-top:35px}.article p,.article li{font-size:15px}.article ul{padding-left:15px}.article blockquote{padding:1px 15px;margin:10px 0;font-size:14px}.article-info span{margin-right:15px;font-size:12px}.article-image{padding:80px 15px 5px;margin:-15px}}.feed{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;max-width:1400px;margin:60px auto 30px;padding:0 20px}.feed-blog{border:1px solid #ccc;border-radius:5px;background-color:#c2cbd2;cursor:pointer;position:relative;box-shadow:#00000029 0 1px 4px;width:300px}.feed-blog>img{width:300px;aspect-ratio:3/2;border-radius:5px 5px 0 0}.feed-blog>div{font-size:16px;font-weight:700;padding:0 5px 5px;text-align:center}.feed-blog>span{background-color:#003135;padding:0 5px;border-radius:5px 0 0 5px;color:#f5efe6;position:absolute;right:0;top:15px;font-size:12px;box-shadow:#0000003d 0 3px 8px}@media screen and (max-width: 1080px){.feed-blog,.feed-blog>img{width:40vw;max-width:350px;min-width:240px}}@media screen and (max-width: 560px){.feed{margin-top:40px}.feed-blog,.feed-blog>img{width:75vw;max-width:350px;min-width:300px}}.comments{max-width:1020px;margin:0 auto 15px;height:fit-content;top:0}.comments button{background-color:#003135;padding:1px 5px;border-radius:5px;color:#f5efe6;font-weight:700;cursor:pointer;border:none;box-shadow:#00000029 0 1px 2px;height:27px;width:75px;margin-left:10px;font-family:inherit}.comments button[disabled]{background-color:#f5efe6;color:#003135;cursor:not-allowed}.comments>button{margin-left:calc(100% - 75px);margin-bottom:30px}.comments-list>.comments{padding-left:30px}.comment{border:1px solid #ccc;border-radius:5px;padding:7px 16px;box-shadow:#00000029 0 1px 2px;margin:0 auto 10px;background-color:#f4f2ef}.comment-user{font-weight:700;font-size:17.5px;display:flex;justify-content:space-between}.comment-modify,.comment-delete{cursor:pointer;font-size:13px;margin-left:5px}.comment-text{padding-left:10px;font-size:16px}@media screen and (max-width: 1080px){.comments{margin-inline:30px}.comments>button{margin-bottom:20px}.comment-user{font-size:16.5px}.comment-text{font-size:14.5px}.comments-list>.comments{margin-inline:0}}@media screen and (max-width: 560px){.comments{margin-inline:10px}.comment{padding:5px 12px;margin:0 auto 6px}.comment-user{font-size:15px}.comment-text{padding-left:0;font-size:14px}}.editor{margin-bottom:70px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.comments-list>.editor{margin-bottom:10px}.editor>textarea{font-size:15px;border-radius:5px;box-shadow:#00000029 0 1px 2px;resize:none;width:calc(100% - 38px);padding:18px 18px 0;overflow:hidden;border:2px solid #003135;font-family:inherit;height:47px;background-color:#f4f2ef}.editor-authentication>input{border-radius:5px;border:2px solid #003135;font-family:inherit;font-size:15px;background-color:#f4f2ef;padding-left:10px;margin-right:10px;width:120px}@media screen and (max-width: 1080px){.editor{margin-bottom:55px}}@media screen and (max-width: 560px){.editor{margin-bottom:40px;gap:5px}.editor>textarea{font-size:13px;padding:10px 10px 0;width:100%;height:34px}.editor-authentication{width:120px}.editor-authentication>input{font-size:13px;height:21px;margin-bottom:5px;width:120px}}