.blogPage{margin:120px 0 50px}.blogPage .blogGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}.blogPage .emptyBlogMessage{border:1px dashed var(--main-color);color:#bbb;text-align:center;border-radius:15px;padding:45px 20px;font-size:20px}.articlePage{margin:120px 0 50px}.articlePage .container{max-width:900px}.articlePage h1{margin-bottom:30px;line-height:1.35}.articlePage img{object-fit:cover;border-radius:20px;width:100%;max-height:500px}.articlePage p{color:#ddd;font-size:18px;line-height:2}.articlePage .articleContent{overflow-wrap:anywhere;margin-top:35px}.articlePage .articleContent p{color:#ddd;margin:0 0 20px;font-size:18px;line-height:1.9}.articlePage .articleContent h1,.articlePage .articleContent h2,.articlePage .articleContent h3{color:#fff;margin:36px 0 16px;line-height:1.4}.articlePage .articleContent h1{font-size:32px}.articlePage .articleContent h2{font-size:27px}.articlePage .articleContent h3{font-size:23px}.articlePage .articleContent ul,.articlePage .articleContent ol{color:#ddd;margin:0 0 24px;padding-inline-start:28px;line-height:1.9}.articlePage .articleContent li{list-style:revert;margin:6px 0}.articlePage .articleContent strong{color:#fff;font-weight:700}.articlePage .articleContent em{color:#eee}.articlePage .articleContent del{color:#aaa}.articlePage .articleContent hr{border:0;border-top:1px solid #444;margin:32px 0}.articlePage .articleContent a{color:var(--main-color);text-underline-offset:3px;text-decoration:underline}.articlePage .articleContent blockquote{border-inline-start:3px solid var(--main-color);color:#bbb;margin:28px 0;padding-inline-start:20px;font-style:italic}.articlePage .articleContent code{color:#e7d48b;background:#252525;border-radius:5px;padding:3px 6px;font-family:Consolas,Courier New,monospace;font-size:.9em}.articlePage .articleContent pre{text-align:left;direction:ltr;background:#171717;border:1px solid #383838;border-radius:10px;margin:24px 0;padding:18px;overflow-x:auto}.articlePage .articleContent pre code{color:#ddd;white-space:pre;background:0 0;padding:0}.articlePage .articleContent table{border-collapse:collapse;width:100%;margin:24px 0;overflow:hidden}.articlePage .articleContent th,.articlePage .articleContent td{text-align:start;border:1px solid #444;padding:10px 12px}.articlePage .articleContent th{color:#fff;background:#292929}
