header div#progress-bar{width:100%}main{margin:0 auto;margin-top:var(--homepage-margin-top);max-width:var(--homepage-max-width)}main .brief{font-size:var(--paragraph-font-size);line-height:var(--paragraph-line-height);margin:15px 0}main .brief p{word-wrap:normal;text-align:justify;text-align-last:left;margin:.5em 0}main .brief a{color:var(--primary-color);text-decoration:underline var(--primary-light-color) 2px}main .brief a:hover{text-decoration-color:var(--primary-color)}main .brief p>code{font-family:var(--code-font);font-size:.8em;padding:0px 6px;color:var(--primary-color);background-color:var(--primary-light-color);border-radius:4px}main .brief img{max-width:100%;display:block;margin:0 auto;border-radius:var(--img-border-radius)}main .brief blockquote{border-left:4px var(--primary-light-color) solid;padding-left:16px;margin:0 0 24px 0;color:var(--text-light-color)}main .brief li::marker{color:var(--primary-color)}main .brief hr{border:none;background-color:var(--primary-light-color);height:4px;margin:1.5em 0}main .title{font-size:1.6em;color:var(--text-second-color);margin:30px 0 15px 0;padding:0 15px}main .post{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 15px;line-height:var(--paragraph-line-height);border-radius:4px;margin-bottom:4px;font-size:1.2em;text-decoration:none;color:var(--primary-dark-color)}main .post:hover{background-color:var(--primary-light-color);color:var(--primary-color)}main .post .date{color:var(--primary-dark-color);white-space:nowrap}main .hidden{display:none}main .showhidden{display:flex;justify-content:end}main .showhidden button{border:0;cursor:pointer;position:relative;margin-right:8px;padding:2px 2px 6px 9px;border-radius:4px;font-size:1.3em;color:var(--primary-color);background-color:rgba(0,0,0,0)}main .showhidden button:hover{background-color:var(--primary-light-color)}main .showhidden button i{position:relative;top:7px}main.content{min-height:calc(98vh - 230px)}@media screen and (max-width: 600px){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)}body.dark-mode main .showhidden .btn:hover{background-color:var(--dark-primary-light-color)}body.dark-mode main .post{color:var(--primary-dark-color)}body.dark-mode main .post:hover{background-color:var(--dark-text-light-color);color:var(--primary-color)}body.dark-mode main .post .date{color:var(--primary-dark-color);white-space:nowrap}