@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap);*,::after,::before{margin:0;padding:0;box-sizing:inherit;font-size:inherit;font-weight:400;font-family:inherit;color:inherit}body,html{box-sizing:border-box;font-family:"Fira Code",monospace;color:var(--content-color);overflow:hidden;--bg-color:#2d2b55;--content-color:#fff2d3;--tag-color:#81ffff;--navbar-top-color:#1e1e3f;min-width:100vw;overflow-x:hidden}::selection{background-color:rgba(255,255,255,.15)}.flex-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#ccf6c8}.vscode-window{position:relative;width:80%;height:80vh;background-color:var(--bg-color);overflow-y:auto;overflow-x:hidden}.content{padding-right:8px;padding-top:8px;font-size:clamp(.5em,3.5vw,.9em);margin:0 auto}.skip{position:absolute;left:-1000px}a{text-decoration:none;overflow-wrap:wrap}span{text-transform:lowercase;overflow-wrap:break-word}li{overflow-wrap:break-word}.indent{margin-left:1em}.tag{color:var(--tag-color)}.attribute-name{color:#fab142}.attribute-value{color:#a5ff90}ul{list-style-type:none}footer{margin-bottom:200px;position:relative}.title-bar{z-index:100;position:sticky;top:0;left:0;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;height:30px;padding:7px;background-color:var(--navbar-top-color);font-size:12px;text-overflow:ellipsis}@media screen and (max-width:500px){.fake-navbar{font-size:9px}*{font-size:inherit}}.title-bar .doc-name{align-self:center;margin-right:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{box-shadow:inset 1px 0 1px rgba(128,128,128,.384)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}.open{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#vscode:target~.vscode-window{display:initial}.open svg{width:30px;fill:#ff6961}.open::after{content:"portfolio.html";position:absolute;top:100%;left:30%;transform:translatex(-50%);font-size:12px;color:#000}footer::after{content:"";height:clamp(.6em,3vw,1em);width:.2em;background-color:#f3c623;position:absolute;bottom:.2em;left:5.5em;animation:cursor .9s infinite ease-out}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}