header div#progress-bar{width:100%}main{max-width:750px;min-height:calc(100vh - 230px);margin:85px auto}main .title{width:min-content;white-space:nowrap;color:var(--text-second-color);font-size:1.8em;margin:0 auto;margin-bottom:40px;padding:0 0 0 60px}main .title span{position:relative;top:-4px;left:-5px}main .title a{margin-left:30px;position:relative;top:-4px;font-size:14px;color:var(--primary-color)}main .title a :visited{color:var(--primary-color)}main .post{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 15px;border-radius:4px;margin-bottom:4px;font-size:1.2em;text-decoration:none;color:var(--primary-color)}main .post:hover{background-color:var(--primary-light-color)}main .post .date{color:var(--primary-color);white-space:nowrap}@media screen and (max-width: 768px){main .post{font-size:1.1em;margin-left:5px;margin-right:5px;padding-left:10px;padding-right:10px}}body.dark-mode main .title{color:var(--dark-text-second-color)}body.dark-mode main .post:hover{background-color:var(--dark-primary-light-color)}