body{font-family:Nunito,sans-serif;background-color:#27272a;color:#fff}a{text-decoration:none;color:inherit}.header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background-color:#3e4246;border-radius:20px;margin:35px 21px 20px;box-shadow:0 6px 12px rgba(0,0,0,.45)}.logo{font-weight:800;font-size:25px;cursor:pointer;color:#fff;transition:transform .5s ease}.logo:hover{transform:scale(1.06)}.home-button{background-color:#545b60;font-family:Nunito,sans-serif;color:#fff;font-weight:900;border:none;padding:10px 18px;border-radius:12px;font-size:21px;cursor:pointer;transition:all .3s ease-in-out}.home-button,.home-button:hover{box-shadow:0 6px 12px rgba(0,0,0,.45)}.home-button:hover{background-color:#535658}.container{max-width:700px;margin:10px auto;padding:10px}.blog-list{display:flex;flex-direction:column;gap:3px}.blog-title{font-size:23px;font-weight:700;margin-bottom:21px;align-items:center;color:#fff;text-decoration:none;transition:-webkit-text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out,-webkit-text-decoration .3s ease-in-out}.blog-title:hover{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.blog-date{font-size:19px;font-weight:700;color:#fff}.markdown-body{font-size:1rem;line-height:1.6;color:#fff}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:700;margin-bottom:10px;color:#4fc3f7}.markdown-body h1{font-size:2.5rem}.markdown-body h2{font-size:2rem}.markdown-body h3{font-size:1.75rem}.markdown-body h4{font-size:1.5rem}.markdown-body h5{font-size:1.25rem}.markdown-body h6{font-size:1rem}.markdown-body p{margin-bottom:1.5rem;line-height:1.8}.markdown-body ol,.markdown-body ul{padding-left:20px;margin-bottom:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body code{background-color:#2d2d2d;color:#f8f8f2;padding:2px 4px;border-radius:4px;font-size:1.1rem}.markdown-body pre{background-color:#1e1e1e;color:#f8f8f2;padding:15px;border-radius:8px;margin:1.5rem 0;white-space:pre-wrap;word-wrap:break-word;font-size:1rem}.katex{font-size:1.5rem;color:#4fc3f7;margin:0 auto}@media (max-width:768px){.header{padding:20px;margin-top:21px;margin-left:11px;margin-right:11px;border-radius:15px}.logo{font-size:22px}.home-button{padding:6px 12px;font-size:16px}.container{max-width:500px;margin:20px auto;padding:10px}.blog-list{gap:5px}.blog-title{font-size:18px}.blog-date{font-size:16px}}