:root{--background:#fff;--foreground:#171717}@keyframes skeleton-shimmer{0%{background-position-x:200%}to{background-position-x:0}}.blogSkeleton{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.blogSkeleton .blogSkeletonContent{width:130px;height:30px}.blogSkeleton *{background:linear-gradient(100deg,#e8e8e8,#e8e8e8 50%,#fff 60%,#e8e8e8 70%) 0 0/200% 100%;animation:1s ease-out infinite skeleton-shimmer}header{justify-content:space-between;align-items:center;display:flex}header .create{color:#000;border:1px solid #fff;border-bottom-color:#000;border-radius:8px;padding:8px;text-decoration:none;transition:border .5s}header .create:hover{border:1px solid #000}main{flex-flow:column wrap;align-content:center;margin-top:20px;display:flex}.blogs{min-width:65vw;height:80vh;overflow:auto}.blogs .blog{color:#000;flex-direction:column;margin-bottom:8px;text-decoration:none;display:flex}.blogs .blog .blogContent{border:1px solid #000;border-radius:8px;padding:8px 8px 20px}.blogCreate{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hidden{display:none}footer{justify-content:center;display:flex;position:sticky;bottom:0;left:0;right:0}