#homepage{min-height:600px}#homepage-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:calc(75vh - 64px);min-height:calc(600px - 64px)}#logopart-wrapper{position:relative;width:100px;height:100px}#logopart-x{position:absolute;top:0;left:20%;z-index:3;width:20%;height:100%;background-color:#00f8ff;box-shadow:var(--dark-theme-logopart-shadow);transform:skewX(-21.8deg);transition:box-shadow .4s}#logopart-y{left:50%;z-index:1;height:50%;background-color:#00a8c4}#logopart-vl,#logopart-y{position:absolute;top:0;width:20%;transform:skewX(21.8deg)}#logopart-vl{left:20%;z-index:2;height:100%;background-color:#30303c}#logopart-vr{position:absolute;top:0;left:60%;z-index:2;width:20%;height:100%;background-color:var(--low-contrast-gray-100);transform:skewX(-21.8deg)}#homepage-title:before{content:"#";margin-right:8px;color:var(--brand-300)}#homepage-title{margin-top:16px;font-size:24px}@keyframes author-color{0%{color:var(--brand-300)}50%{color:var(--brand-main)}to{color:var(--brand-300)}}#author-wrapper{margin-bottom:16px;font-size:18px}#author{color:var(--brand-300);animation:author-color 6s infinite}#homepage-navs{display:grid;grid-template-columns:1fr 1fr;height:25vh;min-height:200px}.homepage-nav-card{display:flex;justify-content:center;align-items:center;position:relative}.homepage-nav-card:first-child{background-color:var(--bg-gray-200)}.homepage-nav-card:nth-child(2){background-color:var(--bg-gray-400)}.homepage-nav-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s}.homepage-nav-card:first-child:after{background-color:var(--brand-100)}.homepage-nav-card:nth-child(2):after{background-color:var(--brand-300)}.homepage-nav-card:hover:after{opacity:1}.homepage-nav-card>h3{z-index:1;font-size:18px;position:relative}.homepage-nav-card>h3:after{content:"";position:absolute;right:-4px;bottom:-2px;width:100%;height:18px;z-index:-1;opacity:.5}.homepage-nav-card:first-child>h3:after{background-color:var(--brand-300)}.homepage-nav-card:nth-child(2)>h3:after{background-color:var(--brand-100)}@media (max-width:600px){#homepage-navs{grid-template-columns:1fr}.homepage-nav-card>h3{font-size:16px}}.post-meta{display:flex;justify-content:flex-end}#homepage-view-count *,.post-meta *{font-size:13px;color:var(--fg-gray-300);transition:opacity .2s}#homepage-view-count .not-loaded,.post-meta .not-loaded{opacity:0}.like-button{display:flex;justify-content:center;align-items:center;position:relative;width:48px;height:48px;margin:48px auto 0;border-radius:50%;background-color:var(--low-contrast-gray-100);transition:opacity .2s}.like-button.not-loaded{opacity:0}.like-button:hover{background-color:var(--low-contrast-gray-300)}.like-button.liked,.like-button.liked:hover{background-color:#fc90a0}.like-button.liked:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;border:0 solid #fc90a0;border-radius:50%;transform:translate(-50%,-50%)}.like-button.liked.animate:after{animation:pulse .8s}@keyframes pulse{20%{border-width:8px}to{width:72px;height:72px;border-width:0;opacity:0}}