:root{--dark-eleg:#1a1a1a;--dark-mat:#323232;--dark-pack:#878787;--light-milk:#fcfcfc;--light-wire:#d9d9d9;--main-head:3.5rem;--sub-head:2rem;--subsec-head:1.5rem;--parag-text:1.125rem;--small-text:0.875rem;--head-el-width:150px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,var(--dark-eleg),#000);color:var(--light-milk);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}main{flex:1}.link{text-decoration:none}.hover_motion{transition:opacity .3s}.hover_motion:hover{opacity:.7}.txt_gr_to_right{color:transparent;font-family:Bebas Neue,sans-serif;position:relative}.txt_gr_to_right:before{background:linear-gradient(to right,var(--dark-pack),var(--dark-mat));background-clip:text;-webkit-background-clip:text;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.txt_gr_to_top{color:transparent;position:relative}.txt_gr_to_top:before{background:linear-gradient(var(--dark-eleg),var(--dark-mat));background-clip:text;-webkit-background-clip:text;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}header{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.8);display:flex;height:48px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:10}.header__main{width:var(--head-el-width)}.header__main_logo{color:var(--light-milk);font-family:Bebas Neue,sans-serif;font-size:1.75rem}.header__navbar{display:flex;gap:2rem;padding:0 20px}.header__navbar_opt{color:var(--light-wire);font-size:1rem;font-weight:500}#hamburger_toggler,.header__hamburger{display:none}.header__lang{position:relative;width:var(--head-el-width)}.header__lang_cur{color:var(--light-milk);cursor:pointer;float:right;font-size:1rem}.header__lang_list{background:var(--dark-mat);border-radius:0 0 3px 3px;max-height:0;overflow:hidden;padding:0 16px;position:absolute;right:0;top:30px;transition:max-height .2s ease-out}#lang_list_toggler:checked~.header__lang_list{border:1px solid var(--light-wire);max-height:200px;padding-bottom:16px}.header__lang_opt{color:var(--light-milk);font-size:.875rem;margin:8px 0}.post_container{margin:3rem auto;max-width:800px;padding:0 1.5rem}.post{background:rgba(17,24,39,.8);border-radius:.5rem;box-shadow:0 0 20px hsla(0,0%,100%,.2);padding:2rem}.post_head{align-items:center;display:flex;flex-direction:column;text-align:center}.post_date{color:var(--light-wire);font-size:var(--small-text);font-weight:500}.post_header{color:var(--light-milk);font-family:Bebas Neue,sans-serif;font-size:var(--main-head);margin:1rem 0}.post_intro{color:var(--light-wire);font-weight:400;margin:1rem 0}.post_body,.post_intro{font-size:var(--parag-text)}.post_body{color:var(--light-milk);line-height:1.8}.post_body h3{color:var(--light-milk);font-family:Bebas Neue,sans-serif;font-size:var(--sub-head);margin:1.5rem 0 .5rem}.post_body p{margin:.5rem 0}.post_author{color:var(--light-wire);font-size:var(--parag-text);font-weight:700;margin:2rem 0;text-align:right}footer{align-items:center;background:var(--dark-mat);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 1rem}.footer__section{display:flex;gap:1.5rem}.footer__nav_opt{align-items:center;display:flex}.footer__nav_label{color:var(--light-wire);font-size:var(--small-text)}.footer__section_mid{display:flex;flex-grow:1;justify-content:center}.footer__ref{display:flex;gap:.5rem}.footer__ref_ico{height:20px}.footer__copyright{color:var(--light-wire);font-size:var(--small-text)}@media (max-width:768px){.header__navbar{flex-direction:column}.header__lang,.header__navbar{background:var(--dark-mat);display:none;padding:1rem;width:100%}.header__lang{border-top:1px solid var(--light-wire)}.header__lang_cur{display:none}.header__lang_cur_hl{color:var(--light-milk);display:block;font-size:var(--subsec-head);margin:1rem 0}.header__hamburger{align-items:center;display:flex}.header__hamburger_icn{cursor:pointer;display:flex;flex-direction:column;justify-content:center;width:28px}.header__hamburger_icn div{background:var(--light-milk);height:2px;margin:2px 0}#hamburger_toggler:checked~.header__lang,#hamburger_toggler:checked~.header__navbar{display:flex}.post_container{margin:1.5rem auto;padding:0 1rem}.post_header{font-size:2.5rem}.post_body h3{font-size:1.75rem}}@media (max-width:600px){.header__main{display:flex;justify-content:space-between;width:auto}.post_header{font-size:2rem}.post_body,.post_intro{font-size:1rem}footer{flex-direction:column;text-align:center}.footer__section_mid{margin:1rem 0}.footer__copyright{margin-top:1rem}}