@font-face{font-family:"exomedium";font-style:normal;font-weight:500;src:url("../themes/sbase-blog/assets/fonts/exo-medium-webfont.woff") format("woff2")}
*{margin:0;padding:0;box-sizing:border-box;font-family:exomedium;text-decoration:none}
html,body{height:100%;color:white}.background{display:grid;position:fixed;top:0;left:0;background-color:black;width:100%;height:100%;z-index:-1}
.logo{position:fixed;z-index:9999;transition:0.2s ease-in-out}
.logo.hidden{top:-10px;opacity:0}
@media screen and (orientation:landscape){.background{padding:40px;grid-template-rows:1px repeat(6,minmax(0%,1fr) 1px)}.logo{top:40px;left:40px}@media (min-aspect-ratio:1/1) and (max-aspect-ratio:4/3){.background{grid-template-columns:1px repeat(7,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:4/3) and (max-aspect-ratio:3/2){.background{grid-template-columns:1px repeat(8,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:3/2) and (max-aspect-ratio:16/9){.background{grid-template-columns:1px repeat(9,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:16/9) and (max-aspect-ratio:21/9){.background{grid-template-columns:1px repeat(12,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:21/9) and (max-aspect-ratio:32/9){.background{grid-template-columns:1px repeat(15,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:32/9){.background{grid-template-columns:1px repeat(21,minmax(0%,1fr) 1px)}}}
@media screen and (orientation:portrait){.background{padding:0;grid-template-columns:1px repeat(6,minmax(0%,1fr) 1px)}.logo{position:fixed;top:30px;left:50%;transform:translate(-50%,0)}@media (min-aspect-ratio:3/4) and (max-aspect-ratio:1/1){.background{grid-template-rows:1px repeat(7,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:2/3) and (max-aspect-ratio:3/4){.background{grid-template-rows:1px repeat(8,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:9/16) and (max-aspect-ratio:2/3){.background{grid-template-rows:1px repeat(9,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:9/21) and (max-aspect-ratio:9/16){.background{grid-template-columns:1px repeat(5,minmax(0%,1fr) 1px);grid-template-rows:1px repeat(10,minmax(0%,1fr) 1px)}}@media (min-aspect-ratio:9/32) and (max-aspect-ratio:9/21){.background{grid-template-columns:1px repeat(4,minmax(0%,1fr) 1px);grid-template-rows:1px repeat(10,minmax(0%,1fr) 1px)}}@media (max-aspect-ratio:9/32){.background{grid-template-columns:1px repeat(4,minmax(0%,1fr) 1px);grid-template-rows:1px repeat(14,minmax(0%,1fr) 1px)}}}
@media screen and (aspect-ratio:1/1){.background{padding:0;grid-template-columns:1px repeat(6,minmax(0%,1fr) 1px);grid-template-rows:1px repeat(6,minmax(0%,1fr) 1px)}}
.vertical-line{grid-row-start:1;grid-row-end:33;background:#2B2B2B}
.vertical-line:nth-of-type(1){grid-column:1/2}
.vertical-line:nth-of-type(2){grid-column:3/4}
.vertical-line:nth-of-type(3){grid-column:5/6}
.vertical-line:nth-of-type(4){grid-column:7/8}
.vertical-line:nth-of-type(5){grid-column:9/10}
.vertical-line:nth-of-type(6){grid-column:11/12}
.vertical-line:nth-of-type(7){grid-column:13/14}
.vertical-line:nth-of-type(8){grid-column:15/16}
.vertical-line:nth-of-type(9){grid-column:17/18}
.vertical-line:nth-of-type(10){grid-column:19/20}
.vertical-line:nth-of-type(11){grid-column:21/22}
.vertical-line:nth-of-type(12){grid-column:23/24}
.vertical-line:nth-of-type(13){grid-column:25/26}
.vertical-line:nth-of-type(14){grid-column:27/28}
.vertical-line:nth-of-type(15){grid-column:29/30}
.vertical-line:nth-of-type(16){grid-column:31/32}
.vertical-line:nth-of-type(17){grid-column:33/34}
.vertical-line:nth-of-type(18){grid-column:35/36}
.vertical-line:nth-of-type(19){grid-column:37/38}
.vertical-line:nth-of-type(20){grid-column:39/40}
.vertical-line:nth-of-type(21){grid-column:41/42}
.vertical-line:nth-of-type(22){grid-column:43/44}
.horizontal-line{grid-column-start:1;grid-column-end:33;background:#2B2B2B}
.horizontal-line:nth-of-type(1){grid-row:1/2}
.horizontal-line:nth-of-type(2){grid-row:3/4}
.horizontal-line:nth-of-type(3){grid-row:5/6}
.horizontal-line:nth-of-type(4){grid-row:7/8}
.horizontal-line:nth-of-type(5){grid-row:9/10}
.horizontal-line:nth-of-type(6){grid-row:11/12}
.horizontal-line:nth-of-type(7){grid-row:13/14}
.horizontal-line:nth-of-type(8){grid-row:15/16}
.horizontal-line:nth-of-type(9){grid-row:17/18}
.horizontal-line:nth-of-type(10){grid-row:19/20}
.horizontal-line:nth-of-type(11){grid-row:21/22}
.horizontal-line:nth-of-type(12){grid-row:23/24}
.horizontal-line:nth-of-type(13){grid-row:25/26}
.horizontal-line:nth-of-type(14){grid-row:27/28}
.horizontal-line:nth-of-type(15){grid-row:29/30}
.horizontal-line:nth-of-type(16){grid-row:31/32}
.horizontal-line:nth-of-type(17){grid-row:33/34}
.horizontal-line:nth-of-type(18){grid-row:35/36}
.horizontal-line:nth-of-type(19){grid-row:37/38}
.horizontal-line:nth-of-type(20){grid-row:39/40}
.horizontal-line:nth-of-type(21){grid-row:41/42}
.horizontal-line:nth-of-type(22){grid-row:43/44}.posts-list-wrapper{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:center}
.category-name{text-align:center;text-transform:uppercase;font-size:48px;margin:20px 0}.posts-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);width:1000px;gap:20px}
.posts-list:not(:has(:nth-child(4))){grid-template-columns:repeat(1,1fr);width:600px}.post-item{width:100%;height:100px;border-radius:6px;background-color:#131313;border:solid #0d0d0d;justify-self:center;transition:0.3s all}
.post-item:hover{transform:scale(1.01);border:1px solid #1800c1}
.post-item .content{display:flex;flex-direction:row;width:100%;height:100%;padding:10px}
.item-image{width:40%;height:100%;margin-right:10px}
.item-image img{max-height:100%;max-width:100%;object-fit:cover;border-radius:6px}
.item-info{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:white}
.item-title{overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;width:100%;text-align:center;font-size:18px}
.item-time{position:absolute;right:0;bottom:0}@media screen and (orientation:portrait){.posts-list-wrapper{display:flex;flex-direction:column;width:100%;padding:100px 0}.posts-list,.posts-list.two-columns{grid-template-columns:repeat(1,1fr);width:90%;gap:8px;align-self:center}}.list-pagination{width:100%;height:60px;display:flex;justify-content:center;gap:20px;margin:40px 20px;transition:0.4s all}
.btn-pagination{height:60px;width:60px;padding:10px;background-color:#181818;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:0.4s all;cursor:pointer}
.btn-pagination:hover{transform:scale(1.1)}.btn-pagination svg{width:100%;pointer-events:none}
.hidden{visibility:hidden;opacity:0}@media screen and (orientation:portrait){.category-name{font-size:38px}.list-pagination{margin:10px 0}}.post-wrapper{display:flex;justify-content:center;align-items:center;min-height:100%;width:100%;padding:100px 0}
.post{width:900px;border-radius:12px;background-color:#181818;padding:40px;display:flex;flex-direction:column;margin:0 20px}
.post-time{align-self:end}
.post-wrapper .post img{max-width:100%}
.post-img{max-height:500px;max-width:100%;object-fit:cover;border-radius:12px;margin:40px 60px;box-shadow:0 4px 6px rgba(0,0,0,0.6)}
.post-title{font-size:38px;font-weight:bold;text-align:center;margin-bottom:30px}
.post h1,h2,h3,h4,h5,h6{text-align:center;margin-bottom:20px}
.post p:not(:has(img)){text-align:justify;text-indent:24px;line-height:1.4;margin-bottom:20px;padding:0 20px}
.post hr{width:100%;margin:20px 0}
.post-info{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:40px}
.post-category{color:blue;text-decoration:none}@media screen and (orientation:portrait){.post{padding:10px;display:flex;flex-direction:column}.post-title{font-size:24px}.post-img{margin:20px 10px}.post p:not(:has(img)){text-align:justify;text-indent:24px;line-height:1.4;margin-bottom:20px;padding:0 10px;font-size:12px}}.f-container{display:flex;flex-direction:column;height:100%;width:100%}
.c-align{align-items:center;justify-content:center}