:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{margin:0;padding:0;box-sizing:border-box}em,i{font-style:normal}img{border:0;vertical-align:middle}body{background-color:#f1f3f4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#666;height:50px;outline-offset:-2px}::-webkit-scrollbar-track-piece{-webkit-border-radius:0}#root{display:grid;grid-gap:1rem;gap:1rem;position:relative;width:100vw;margin:0 auto;max-width:100%;min-height:100vh;transition:all .3s ease-in-out}@media only screen and (min-width:1400px){#root{grid-template-columns:20% auto;max-width:1300px}}@media only screen and (max-width:1400px){#root{width:100%;grid-template-columns:20% auto}#navbar{border-radius:0 8px 8px 0;#logo{a{img{width:150px;height:150px}span{font-size:25px}}}.navigation{ul{li{a{span{margin-left:20px;font-size:22px}svg{width:30px}}}}}}}@media only screen and (max-width:1040px) and (min-width:768px){#root{max-width:100%;grid-template-columns:75px auto}#navbar{#logo{padding:30px 0;.avatar{img{width:50px;height:50px}span{display:none;font-size:25px}}.author-description,.catch-me{display:none}}.navigation{ul{li{height:50px;a{span{display:none}i,span{font-size:25px}}}}}}}@media only screen and (max-width:768px){#root{max-width:100%;grid-template-columns:0 auto}#navbar{.navbar-box{display:none}}#main{padding:70px 20px;#detail-article,#detail-page{.article-detail-box{padding:20px}}}#sidebar{.sidebar-box{display:none}}}#header{position:fixed;z-index:100;transform:translateY(-50px);transition:transform .3s;background-color:#ffffffc7;.header-box{display:flex;align-items:center;justify-content:space-between;width:100vw;height:50px;padding:0 20px}.menu,.search{cursor:pointer}}@media only screen and (max-width:768px){#header{transform:translateY(0)}}.card-root{border-radius:0 8px 8px 0}