@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.header .logo img{height:50px}.navigation ul{list-style:none;padding:0;display:flex;margin:0;align-items:center}.navigation ul li{margin-left:20px}.navigation ul li a{text-decoration:none;color:#333;font-weight:700;display:flex;align-items:center}.navigation ul li a img{height:24px;margin-right:8px}.menu-icon{display:none;cursor:pointer;font-size:24px;background:none;border:none;color:#333}@media (max-width: 768px){.header{flex-direction:column}.menu-icon{display:block}.navigation{display:none;width:100%;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0;background-color:#fff}.navigation.open{max-height:500px;display:flex}.navigation ul{flex-direction:column;width:100%;padding-top:10px}.navigation ul li{margin:10px 0;width:100%;text-align:center}.navigation ul li a{width:100%;display:block}}footer{background-color:#476ac1;color:#fff;text-align:center;padding:1rem;width:100%}.footer .logo img{height:40px}.footer .navigation ul{list-style:none;padding:0;display:flex;margin:0;align-items:center;justify-content:center}.footer .navigation ul li{margin:0 12px}.footer .navigation ul li a{text-decoration:none;color:#fff;display:flex;align-items:center}.footer .navigation ul li a img{height:28px}html,body{height:100%;margin:0;padding:0;background-color:#f4f4f4;overflow-x:hidden;color:#333;font-family:Space Mono,monospace}.body-wrapper{display:flex;flex-direction:column;min-height:100vh}header{background-color:#333;color:#fff;padding:1rem}nav ul{list-style:none;display:flex;justify-content:center}nav ul li{margin:0 1rem}nav ul li a{color:#fff;text-decoration:none}main{flex:1;padding:20px 40px;max-width:1200px;margin:0 auto;box-sizing:border-box}.tech-badge-container{margin-top:60px;padding:20px 0}.github-contribution-chart{display:block;margin:100px auto 0;max-width:100%;height:auto}.back-button{background:none;border:none;cursor:pointer;font-size:1em;margin-bottom:30px;color:#333;padding:0;font-family:Space Mono,monospace}.post-title{margin:0;font-weight:700}.note-item{padding:12px 0}.note-title{margin:0 0 6px}.note-title a{color:#333;text-decoration:none}.note-title a:hover,.note-title a:focus{text-decoration:underline}.note-date{margin:0 0 10px}.note-separator{height:1px;background-color:#dcdcdc;margin:16px 0 0}.title-container{display:flex;align-items:center;margin-bottom:10px;margin-left:0}.note-detail-date{margin:0 0 1em}