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