.article-footer__button:hover,.navigation-bar__link,.navigation-bar__logo,body{color:var(--grey-100)}.article-card__createdAt,.article__meta,.footer__text,a{color:var(--grey-500)}.article__tags,.navigation-bar__links,.search-page__tags{list-style:none;display:flex}.footer,.navigation-bar{background-color:var(--black-background);display:flex}.article-footer__button,.navigation-bar__link{transition:color .2s ease-in-out;cursor:pointer}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0;padding:0;background-color:var(--grey-900)}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--grey-100:#f3f4f6;--grey-300:#d1d5da;--grey-500:#9ba3af;--grey-900:#0d1117;--font-family:IBM Plex Sans,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}html{height:100vh}#root,body{height:100%}*{box-sizing:border-box;font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1rem;font-weight:400;line-height:1.5}a{text-decoration:none}.container{width:100%;max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center}.home-page,.search-page{padding:0 4rem;flex-direction:column;align-items:flex-start}.navigation-bar{height:10rem;align-items:center;justify-content:center}.navigation-bar__logo-image{width:2rem;height:2rem;border-radius:5px;background-color:var(--grey-500)}.navigation-bar__container{padding:0 4rem;justify-content:space-between}.navigation-bar__logo{gap:.9rem;display:flex;cursor:pointer;user-select:none;align-items:center}.navigation-bar__links{gap:.9rem;align-items:center;justify-content:center}.navigation-bar__link{font-size:1rem;user-select:none}.navigation-bar__link--active{cursor:default;color:var(--grey-500)}.article{padding:0 4rem;flex-direction:column;justify-content:flex-start;margin-bottom:1.8rem}.article__header{width:100%}.article__meta{gap:.3rem;margin-top:1.2rem}.article-card__title,.article__title{hyphens:auto;word-break:break-word}.search-page__tags{gap:.6rem}.article__tags{gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.6rem;justify-content:flex-start}.article__tag{cursor:pointer;font-size:.9rem;border-radius:9999px;padding:.4rem .5rem;border:1px solid var(--grey-500)}.footer{height:3rem;align-items:center;justify-content:center}.footer__container{height:100%;padding:0 4rem;justify-content:space-between}.footer__text{gap:.3rem;width:100%;height:100%;display:flex;font-size:.9rem;align-items:center;border-top:1px solid var(--grey-500)}.article-card{width:100%;display:flex;cursor:pointer;margin-bottom:1.8rem;flex-direction:column;align-items:flex-start;justify-content:flex-start}.article-card__header{width:100%;display:flex;align-items:baseline;justify-content:space-between}.article-card__createdAt{flex-shrink:0}.article-card__description{margin-top:.4rem;color:var(--grey-300);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.search-page__header{width:100%;margin-bottom:1rem}.search-page__input{width:100%;border:none;font-size:1rem;border-radius:5px;padding:.5rem 1rem;color:var(--grey-100);background-color:transparent;border:1px solid var(--grey-500)}.search-page__input::placeholder{color:var(--grey-500)}.search-page__input:focus{outline:0;border:1px solid var(--grey-500)}.search-page__tags{margin:.6rem 0;overflow-x:auto;align-items:center;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.search-page__tags::-webkit-scrollbar{display:none}.search-page__tag{flex-shrink:0;cursor:pointer;border-radius:5px;padding:.5rem 1rem;color:var(--grey-500);user-select:none;border:1px solid var(--grey-500);transition:color .2s ease-in-out,background-color .2s ease-in-out}.search-page__tag--active{color:var(--grey-900);background-color:var(--grey-500)}.search-page__no-results{margin-bottom:1.8rem;color:var(--grey-500)}.article-footer{width:100%;display:flex;margin:2.5rem 0;align-items:center;justify-content:space-between}.article-footer__button{padding:0;border:none;font-size:1rem;color:var(--grey-500);background-color:transparent}.not-found{display:flex;align-items:center;margin-bottom:2.5rem;flex-direction:column;justify-content:center}@media (max-width:900px){.article,.footer__container,.home-page,.navigation-bar__container,.search-page{padding:0 1rem}.navigation-bar{height:5rem}.article-footer{margin:1.8rem 0}.navigation-bar__logo span{display:none}.not-found{margin-bottom:1.8rem}.article-card__description{-webkit-line-clamp:3;line-clamp:3}}