@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;700&display=swap";:root{--black: #1c1c1c;--gray: #7E7E7E;--gray-light: #E4E4E4;--green: #32cd32;--red: #b30000;--accent: #0094FF;--second: #9400D3;--font-size-base: 1rem;--font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.58rem);--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--border-radius: 10px}body{font-family:Poppins,sans-serif;color:var(--gray);font-size:var(--font-size-base);background-color:#000;margin:0;min-height:100vh}.hidden{display:none}a{color:var(--accent)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg);margin:10px 0}h3{font-size:var(--font-size-md)}p{line-height:1.2em}input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],select,textarea{font-family:Poppins,sans-serif;font-size:1.1rem;display:block;box-sizing:border-box;border:1px solid #000;width:100%;padding:.7rem .75rem;margin-bottom:1rem;background-color:#353535;color:#fff;border:1px solid #7E7E7E}div.CodeMirror-wrap,div.editor-toolbar{background-color:#353535;color:#fff;border:1px solid #7E7E7E}div.editor-toolbar a{background-color:#ccc}.right{display:flex;margin-left:auto}.btn{background-color:var(--accent);border:none;color:#fff;padding:16px 32px;text-decoration:none;margin:4px 2px;cursor:pointer}.btn-right{background-color:var(--accent);border:none;color:#fff;font-weight:700;font-size:16px;padding:16px 32px;text-decoration:none;margin:14px 2px 4px auto;cursor:pointer;display:flex;max-width:200px}.btn-delete{padding:10px 16px;background-color:var(--red);font-weight:700;font-size:16px}select{background:#353535;color:#fff}.back-link{display:flex;margin-left:auto;margin-right:20px;text-decoration:none;font-size:24px}.more-link{display:inline}.more-link:hover{text-decoration:underline}img{width:100%;height:auto}.edit-icon{color:#32cd32}.view-icon{color:#9400d3}.container{max-width:1282px;margin:0 auto;padding:0 10px}.main{padding:10px 0;min-height:85vh}.page-title{margin:20px 0 0}.hero-image{max-height:528px;filter:drop-shadow(0px 44px 34px rgba(0,0,0,.25));overflow:hidden;border-radius:var(--border-radius)}.header{display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"logo button" "menu menu";padding-top:10px}@media only screen and (min-width: 768px){.header{grid-template-columns:auto 1fr auto;grid-template-areas:"logo menu button"}}.cloud{background-color:gray;background-image:-webkit-linear-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,.1));border-radius:1em;box-shadow:inset 0 0 0 1px #fff0;display:inline-block;height:1em;margin-top:40px;position:absolute;width:3em;-webkit-filter:drop-shadow(0 2px 3px hsla(0,0%,0%,0));font-size:32px}.cloud:after,.cloud:before{background-color:gray;content:"";border-radius:100%;position:absolute}.cloud:after{background-image:-webkit-linear-gradient(hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,.025));height:1em;right:.4em;top:-.5em;width:1em}.cloud:before{background-image:-webkit-linear-gradient(hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,.075));height:1.6em;left:.4em;top:-.75em;width:1.6em}.bolt{border:4px solid rgba(0,0,0,0);border-bottom:32px solid #ffdf00;transform:rotate(-160deg);padding:2px;width:0;height:0;overflow:visible;border-top:0 solid;border-radius:0;transform-origin:50% 50% 0;position:absolute;margin:90px 0 0 40px}.bolt:after{content:"";top:-14px;left:-8px;border:5px solid rgba(0,0,0,0);border-bottom:35px solid #ffdf00;transform:rotate(4deg);padding:0;width:0;height:0;position:absolute;margin:0;overflow:visible;border-top:0 solid;border-radius:0;transform-origin:50% 50% 0}.header__logo{font-weight:800;font-size:36px;text-decoration:none;grid-area:logo;margin-left:100px}.header__logo:hover{text-decoration:none}.header__nav{justify-content:right;display:flex;grid-area:menu}.header__logo,.header__nav,.header__button{width:100%}.header__button{display:flex;justify-content:end;grid-area:button}.header__button button{display:flex;gap:.3rem;align-items:center;border:0;padding:6px 12px;background:none;border-radius:10px;border:2px solid transparent;font-size:1rem;font-weight:600;color:var(--black)}.header__button button:hover{border:2px solid var(--black)}.header__nav ul{list-style-type:none;display:flex;gap:1rem;font-weight:600;padding:0}.header__nav ul a{padding:10px;text-decoration:none}.header__nav ul a.active{color:var(--black);background-color:var(--accent)}.header__nav ul a:hover{text-decoration:underline}.author{padding:10px 0;text-align:center}.author__heading{margin-top:10px;margin-bottom:5px}.author__body{font-size:var(--font-size-md);margin:5px 0 10px}.articles__heading{margin-top:2rem;margin-bottom:2rem;font-weight:400;font-size:2rem}.article-ul{list-style-type:none;padding:0;margin:0;font-size:clamp(1.13rem,calc(1.08rem + .22vw),1.25rem);display:flex;flex-direction:column}.article>p{font-size:1.3em;display:block;line-height:1.5em}.article-ul li h2.post-title{color:var(--accent);display:inline}.article-list__date{font-size:1rem;color:var(--accent);display:inline-block;width:200px;display:flex;justify-content:right;margin-left:auto}.article-ul li a{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;margin:12px 0}@media only screen and (min-width: 768px){.article-ul li a{flex-direction:row;align-items:center}.article-list__date{text-align:right}}.article-ul li{font-size:24px;cursor:pointer;transition:filter .1s;margin-bottom:60px}.post-desc{margin-top:10px}.post-link:hover{text-decoration:underline}.article-ul li h2 a.post-link{display:inline}.article-ul:hover li:hover{filter:none}.bold{font-weight:700}.footer{margin:1rem;text-align:center}.admin-title{display:flex;justify-content:space-between;align-items:center}.admin-title a{padding:5px 10px}.admin-title h2{margin:10px inherit}.admin-posts{padding:0;margin:0}.draft-tag{display:flex;align-self:center;font-weight:700;margin-left:auto;margin-bottom:0;height:23px;padding:3px 5px;background:#353535;color:#757575;width:55px}.pub-tag{display:flex;align-self:center;font-weight:700;margin-left:auto;margin-bottom:0;height:23px;padding:3px 5px;background:#32cd32;color:#000;width:55px}.admin-post-controls form{display:inline-block}.admin-post-controls .btn{display:inline-block;background-color:var(--black);color:var(--gray-light);border:0;text-decoration:none;font-size:.8rem;padding:4px 8px;line-height:2}.btn-delete{background-color:var(--red);display:inline-block;color:var(--gray-light);border:0;text-decoration:none;font-size:.8rem;padding:4px 8px;line-height:2;cursor:pointer}.admin-posts li{display:flex;justify-content:space-between;padding:10px 0}.admin-posts li a{font-size:1.3rem;text-decoration:none}.admin-post-controls .article-list__date{font-size:1rem;color:var(--accent);display:inline-block;margin-right:20px}.searchBar{visibility:hidden;transform:translateY(-100px);background-color:var(--accent);color:#000;padding:4px 0;position:absolute;left:0;right:0}.searchBar.open{transform:translateY(0);transition:transform .1s}.searchBar input{margin:10px auto;border:0;max-width:60%}.searchBtn,.logoutBtn{display:flex;align-items:center;justify-content:flex-start;padding:3px 5px;background:transparent;border:0;cursor:pointer}.searchBtnLabel,.logoutBtnLabel{font-size:1.1rem;font-weight:700;align-self:center;display:flex;color:var(--accent)}.searchBtnIcon{display:flex;align-self:center;margin-left:10px;color:var(--accent)}#searchClose{position:absolute;top:0;right:0;color:#000;padding:15px;font-size:30px;font-weight:800;cursor:pointer}.pagination{font-size:1.3rem;color:var(--gray);text-decoration:none;margin-top:40px;display:inline-block}.pagination:hover{color:var(--black)}.cat-tag{min-width:60px;text-align:center;text-transform:uppercase;color:#fff;padding:1px 7px;margin-right:20px;border-radius:7px;border:none;font-weight:700}.blog{background-color:#e60ece;color:#fff!important}.dev{background-color:#f1711f;color:#fff!important}.games{background-color:#a13dca;color:#fff!important}.tech{color:var(--accent)}.truth{background-color:#32cd32;color:#fff!important}.blog-text{color:#e60ece}.dev-text{color:#f1711f}.games-text{color:#a13dca}.tech-text{color:var(--accent)}.truth-text{color:#32cd32}.hljs{background-color:#14071c!important;font-size:1.3em}.hljs-ln-numbers{min-width:40px}.header__brand.svelte-umptzi.svelte-umptzi{display:flex;flex-direction:column;align-items:flex-start;grid-area:logo;margin-left:100px}.header__brand.svelte-umptzi .header__logo.svelte-umptzi{margin-left:0}.header__tagline.svelte-umptzi.svelte-umptzi{font-size:.85rem;color:var(--gray);font-style:italic;margin-top:.25rem;font-weight:300}