@font-face{font-family:Oxanium;font-display:swap;src:url(../fonts/Oxanium-Regular.ttf)format("truetype")}html,body{--doc_width:900px;background:#1e333b;width:100%;margin:0;padding:0;font-family:Oxanium}header,main,footer,div{box-sizing:border-box}a{color:#57b1d3}a[href^=tel\:]{color:#fff}h1{font-size:2em}header{max-width:var(--doc_width);color:#fff;background:#111516;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;width:100%;margin:0 auto;padding:25px}header div#smallScreenContactNumber{text-align:right;font-size:small;display:none}header div#img{width:100%;max-width:var(--doc_width);margin:25px auto;position:relative}header div#img img{z-index:1;width:90%;height:auto;position:absolute;top:-10px;left:10px}header div#img div#mobileBio{text-align:center;margin-top:13%;margin-left:37%;display:none;position:absolute}header div#img p{text-align:center}main{max-width:var(--doc_width);background:linear-gradient(160deg,#111516 37%,#6d6f6f 72%);border-left:1px solid #fff;border-right:1px solid #fff;grid-template-columns:1fr 62%;gap:15px;width:100%;margin:0 auto;padding:15px;display:grid;position:relative}main div#bio{color:#fff;z-index:999;border-right:1px solid #57b1d3;margin-top:85%;padding:15px}main div#bio fieldset{border-bottom:none;border-left:none;border-right:none}main div#bio div#desktopBio div.terminal{z-index:2;background:#000;border-radius:15px;padding:15px;position:relative}main div#desktopContact{text-align:right;color:#fff;z-index:1;background:0 0;padding:5px;position:absolute;top:30px;right:100px}main div#knowledgeBase{--panel-background:linear-gradient(150deg, #11151600 11%, #57b1d3b3 100%);--panel-border:#57b1d3;z-index:999;background:var(--panel-background);clip-path:polygon(0 0,86% 0%,100% 7%,100% 100%,0 100%);border:1px solid #fff;border-top:3px solid var(--panel-border);border-bottom:3px solid var(--panel-border);border-right:3px solid var(--panel-border);border-left:1px solid var(--panel-border);color:#fff;border-radius:15px;grid-row:span 2;margin-top:10%;padding:15px;position:relative}main div#knowledgeBase fieldset{border:none;border-top:1px solid #fff}main div#knowledgeBase fieldset{text-shadow:0 0 5px #000;transition:color .75s,filter .75s;position:relative}main div#knowledgeBase fieldset:before{content:"";z-index:-1;background:#fff0;border:1px solid #fff0;border-color:#fff0 #0000;width:100%;height:100%;transition:background .5s,border-color .5s;display:block;position:absolute;top:0;left:0}main div#knowledgeBase fieldset:hover:before{animation:.27s ease-in forwards flicker}main div#knowledgeBase:before{border-bottom:3px solid var(--panel-border);border-left:3px solid var(--panel-border);content:"";background-color:var(--panel-border);z-index:1;border-bottom-left-radius:10px;width:13%;height:6.5%;position:absolute;top:0;right:0;box-shadow:-2px 3px 8px -2px #000000bf}main div#codeExamples{color:#fff;flex-direction:column;grid-column:span 2;gap:15px;display:flex}main div#codeExamples fieldset{border-bottom:none;border-left:none;border-right:none;align-items:center;display:flex}main div#codeExamples fieldset legend{font-size:24px}main div#codeExamples fieldset svg.svg-inline{float:left;width:35px;margin-right:7px}main div#aboutMe{color:#fff;flex-direction:column;grid-column:span 2;gap:15px;display:flex}main div#aboutMe fieldset{border:none;border-top:1px solid #fff}main div#aboutMe fieldset legend{font-size:24px}footer{max-width:var(--doc_width);color:#fff;background:linear-gradient(#6d6f6f 15%,#111516 100%);border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;justify-content:space-evenly;width:100%;margin:0 auto;padding:15px;display:flex}footer>div{border-top:1px solid #fff;flex-flow:column wrap;align-content:center;width:300px;padding:15px;display:flex}footer>div>div:first-child{padding-right:70px;font-size:30px}footer>div div.brands{padding:15px;font-size:20px;display:flex}footer>div div.brands div.icons{flex-direction:column;row-gap:2px;display:flex}footer>div div.brands div.icons svg.svg-inline{float:left;width:20px;margin-right:7px}footer>div div.brands div.links{flex-direction:column;margin-left:10px;display:flex}.code{background:#a9a9a9;padding:2px;font-style:italic}.terminal{color:#fff;width:100%;height:85px;margin:5px auto;position:relative;top:-10px}.bioDescription{color:#a2efff;font-family:sans-serif;font-size:larger}.cursor{border-right:.2em solid #fff;margin-left:3px;animation:.75s step-end infinite blink-caret}@keyframes flicker{0%{background:#fff0;border-color:#fff0 #0000}10%{background:#ffffff0c;border-color:#ffffff24 #0000}15%{background:#fff0;border-color:#fff0 #0000}20%{background:#ffffff0b;border-color:#fff3 #0000}25%{background:#fff0;border-color:#fff0 #0000}30%{background:#fff1;border-color:#ffffff38 #0000}35%{background:#ffffff07;border-color:#ffffff1c #0000}to{background:#ffffff0d;border-color:#ffffff40 #0000}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff}}@media (width<=550px){main{background:linear-gradient(#111516 3%,#87dfff59 17% 23%,#111516 37%,#6d6f6f 100%);flex-direction:column;margin:0 auto;display:flex}main div#bio{border-top:1px solid #57b1d3;border-right:none;margin-top:30%}main div#bio div#desktopBio{display:none}main div#desktopContact{display:none}main div#codeExamples fieldset{display:inline}header div#img div#mobileBio{z-index:1;display:block}header div#smallScreenContactNumber{display:block}header div img{top:-10px}footer{flex-direction:column}footer>div{width:100%;height:175px;display:block}footer div#svgParticles{padding-top:35px;display:flex}}