@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(../../assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2"),url(../../assets/fonts/ibm-plex-mono-latin-400-normal.woff) format("woff")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:700;src:url(../../assets/fonts/ibm-plex-mono-latin-700-normal.woff2) format("woff2"),url(../../assets/fonts/ibm-plex-mono-latin-700-normal.woff) format("woff")}:root{--bg:#000;--txt:#fff;--txt-sub:gray;--border:gray;--accent:#fff;--pd:25px;--pds:15px;--pdxs:5px}html{box-sizing:border-box;font-size:14px;height:100%}*,:after,:before{box-sizing:inherit;scrollbar-color:var(--txt) transparent;scrollbar-width:thin;&::-webkit-scrollbar{height:12px;width:12px}&::-webkit-scrollbar,&::-webkit-scrollbar-track{background-color:transparent;border-radius:0}&::-webkit-scrollbar-thumb{background-color:var(--txt);border:none;border-radius:0}}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}::selection{background-color:var(--accent);color:var(--bg)}body{background-color:var(--bg);color:var(--txt);display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;font-weight:400;gap:25px;padding:var(--pd)}header{align-items:flex-start;flex-direction:row}header,main{display:flex;gap:var(--pd)}main{flex-direction:column}#frame{align-items:stretch;display:flex;flex-shrink:0;height:fit-content;image-rendering:crisp-edges;justify-content:stretch;opacity:0;position:relative;visibility:hidden;width:fit-content;&.active{animation:fadeIn .25s ease-in;opacity:1;visibility:visible}button{background:transparent;border:none;bottom:var(--pdxs);color:var(--txt);cursor:pointer;height:25px;opacity:0;outline:none;padding:var(--pdxs);position:absolute;width:25px;&:hover{background-color:var(--accent);color:var(--bg)}}#charset{left:var(--pdxs)}#theme{left:calc(var(--pdxs) + 30px)}#random{right:var(--pdxs)}#shortcuts{display:flex;flex-direction:column;font-size:12px;gap:2px;left:var(--pdxs);opacity:0;pointer-events:none;position:absolute;top:var(--pdxs)}&:hover #shortcuts,&:hover button{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#lavalamp{color:var(--color);font-size:12px;height:18em;image-rendering:crisp-edges;letter-spacing:0;line-height:1;margin:0;overflow:hidden;padding:0;user-select:none;white-space:pre;width:28ch}#id,#meta{gap:var(--pdxs)}#id,#links,#meta{display:flex;flex-direction:column}a{color:var(--txt);text-decoration:underline dotted 2px;text-underline-position:under;&:hover{background-color:var(--accent);color:var(--bg);text-decoration:none}}ul{display:flex;flex-direction:column;gap:var(--pdxs);list-style:none;margin:0;padding:0}i,li{display:block}footer,i,li{color:var(--txt-sub)}footer{margin-top:var(--pd)}#haxor{&:before{content:"InfoSec Analyst & Researcher"}&:hover:before{content:"Hacker"}}#content{line-height:1.5}@media only screen and (max-width:600px){header{flex-direction:column;gap:var(--pd)}#meta{display:contents}#id{order:-1}#frame{order:0}#links{order:1}}