@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-list{margin-top:8vh;list-style:none;padding:0}.article-list li{margin-bottom:20px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;transition:background-color .3s ease;animation:fadeIn .5s ease forwards;opacity:0}body.dark-mode .article-list li{border-bottom:1px solid #3a3a3a}.article-list li a{color:#333;font-size:24px;text-decoration:none;transition:color .3s ease}body.dark-mode .article-list li a{color:#e0e0e0}.article-list li a:hover,body.dark-mode .article-list li a:hover{color:#007bff}.article-list li .date{margin-left:20px;color:#999;font-size:14px}body.dark-mode .article-list li .date{color:#a0a0a0}.article-list li:nth-child(n){animation-delay:calc((var(--i) - 1)*.1s)}@media (max-width:768px){.article-list li{flex-direction:column;align-items:flex-start}.article-list li .date{margin-left:0;margin-top:5px}}