thead{background-color:#f2f2f2}tr:hover{background-color:#767676}*{list-style-type:none}#pagination ul{display:flex;padding-left:20%;margin-bottom:10%}#pagination li{float:left;padding:.5em}.blog-table{background-color:#c1c1c1;border:.2em solid #000;margin:auto;width:100%}.pagination-container{list-style-type:none;.pagination-item{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:rgba(0,0,0,.87);display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:16px;min-width:32px;&.dots:hover{background-color:transparent;cursor:default}&:hover{background-color:rgba(0,0,0,.04);cursor:pointer}&.selected{background-color:rgba(0,0,0,.08)}.arrow{&:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}&.left{transform:rotate(-135deg) translate(-50%)}&.right{transform:rotate(45deg)}}&.disabled{pointer-events:none;.arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}&:hover{background-color:transparent;cursor:default}}}}@media (orientation:portrait) and (min-aspect-ratio:1/2){#blog-element{display:block}}@media (orientation:landscape){#blog-element{display:flex}}