header div#progress-bar{width:100%}main{max-width:750px;min-height:calc(100vh - 230px);margin:85px auto}main .taxonomy-name{font-size:2em;font-weight:bold;color:var(--text-second-color);margin:30px 15px 5px 15px}main .term-name{display:flex;font-size:1.5em;color:var(--text-third-color);margin:10px 20px}main .post{display:flex;justify-content:space-between;align-items:flex-end;padding:2.5px;border-radius:4px;margin:1px 30px;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}main .hidden{display:none}main .showhidden{display:flex;justify-content:end}main .showhidden button{border:0;cursor:pointer;position:relative;padding:2.5px;margin:0 30px;border-radius:4px;font-size:1.5em;color:var(--primary-color);background-color:#0000}main .showhidden button:hover{background-color:var(--primary-light-color)}main .showhidden button i{position:relative;top:7px}main hr{color:var(--text-light-color);margin:10px 15px}body.dark-mode main .taxonomy-name{color:var(--dark-text-second-color)}body.dark-mode main .term-name{color:var(--dark-text-third-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 hr{color:var(--dark-text-light-color)}
