*{margin:0;padding:0;border:unset;font-family:Source Code Pro;font-size:14px;background-color:unset}button{cursor:pointer}html,body,#root{width:100%;height:100vh;background:#0f0f10;background:linear-gradient(109deg,#0f0f10,#000 64%);color:#e6ebec;fill:#e6ebec}#root{display:flex;flex-direction:column}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}#palestine{background-color:#000;border-bottom:1px solid rgb(37,37,37);padding:12px 28px;font-size:13px;flex-shrink:0;text-align:center}header{background-color:#000;border-bottom:1px solid rgb(37,37,37);display:flex;align-items:center;justify-content:center;height:50px;flex-shrink:0}header .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}header .title{display:flex;align-items:center;gap:4px;letter-spacing:1px}header .title .icon{width:24px;height:24px}header .controls{position:absolute;right:16px;display:flex;gap:14px}header .controls .control{width:14px;height:14px;border-radius:50%}header .controls .control.green{background-color:#59c959}header .controls .control.green:hover{background-color:#6df56d}header .controls .control.yellow{background-color:#d8a341}header .controls .control.yellow:hover{background-color:#ffc355}header .controls .control.red{background-color:#d84141}header .controls .control.red:hover{background-color:#ff5757}header .sudowr{height:22px;position:absolute;left:24px}@media screen and (max-width: 600px){#palestine{font-size:12px;padding:12px}}@media screen and (max-width: 560px){header .title b{font-size:13px}header .title .icon{width:22px;height:22px}header .sudowr{height:16px;left:7px}header .controls{gap:7px}header .controls .control{width:12px;height:12px}}#facts{position:relative;height:98px;max-height:98px;width:584px;margin-top:24px}#facts .header-buttons{position:absolute;display:flex;align-items:center;gap:9px;right:10px;top:10px;z-index:-1;transition:all .4s ease}#facts .header-buttons div{width:8px;height:8px;background-color:gray;border-radius:50%}#facts .terminal-box{border:1px solid rgb(44,44,44);background:#0c0c0d;background:linear-gradient(219deg,#0c0c0d,#000 56%);border-radius:4px;transition:all .6s ease-in;width:0;max-height:280px;overflow-y:auto;line-height:26px;box-sizing:border-box}#facts .terminal-box{-ms-overflow-style:none;scrollbar-width:none}#facts .terminal-box::-webkit-scrollbar{display:none}#facts .boot-phrase{color:#0ff;animation:bootPulse 2s infinite ease-in-out;text-align:center;display:block}#facts .output{transition:all .5s ease-out;padding:10px 12px}#facts .caret{display:inline-block;animation:factsBootPulse 1s linear infinite;font-weight:700}.rotating{display:inline-block;animation:rotate-step 1s steps(6) infinite}@keyframes rotate-step{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes factsblink{0%,to{opacity:1}50%{opacity:0}}@keyframes factsBootPulse{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}#facts .fade-line{opacity:0;animation:fadeIn 1.2s forwards}@keyframes fadeIn{to{opacity:1}}#body{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;left:-1000px;top:-1000px}#content{display:flex;flex-direction:column;gap:12px;flex:1;position:relative;z-index:120}#ascii-name{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:center;transition:all 1s ease}.relative{position:relative}#ascii-name .sudowr{height:54px;margin-top:30px;margin-bottom:12px}#ascii-name pre{font-size:12px;font-family:monospace;text-shadow:0px 0px 6px #4bff51;margin-bottom:8px}#ascii-name .poetry{text-align:center;font-size:12px;letter-spacing:.3px;font-weight:400}#dna-container{position:absolute;top:0;right:0;bottom:0;width:700px;transition:opacity 4s ease}#dna-container canvas{display:block}.pre-prompt{display:inline-block;letter-spacing:1px}#io{position:relative;display:flex;flex-direction:column;gap:6px;flex:1;max-width:1000px;box-sizing:border-box;width:100%;font-size:13px;margin:0 auto;border-radius:4px}#io .scrollable-area{display:flex;flex-direction:column;gap:10px;position:absolute;inset:0;height:100%;padding:40px 40px 20px;box-sizing:border-box;overflow-y:auto}#io .scrollable-area{-ms-overflow-style:none;scrollbar-width:none}#io .scrollable-area::-webkit-scrollbar{display:none}#io .prompt-container{display:flex}#io .prompt{display:inline-block;letter-spacing:1px;-webkit-user-select:none;user-select:none;white-space:break-spaces;word-break:normal;overflow-wrap:anywhere}#io .prompt .highlighted{background-color:#743c74;border-radius:3px}#io .prompt.output{display:block}#io .carret{position:relative;display:inline-block;height:13px;width:8px;border-radius:1.5px;border:1px solid #cfcfcf;background-color:#cfcfcf;margin-left:2px;margin-bottom:-2px}#io .background-carret{position:absolute;width:7px;border-radius:3px;border:1px solid #ffffff;background-color:#000;top:1px;bottom:1px;left:-2px;padding:0 2px;z-index:-1}#io .carret.not-at-the-end{border:1px solid #cfcfcf;background-color:#7a3983;z-index:-1}#io .carret.animated{animation:blink 01s infinite}#io .carret.unfocus{background-color:transparent;animation:unset!important}#the-input{position:absolute;left:-100px;top:-100px;opacity:0}.red{color:#ff5656}.yellow{color:#e4fc47}.blue{color:#0091ff}.violet{color:violet}.green{color:#21da21}.orange{color:orange}.output-box{display:flex}.text-center{text-align:center}.link{text-decoration:none;color:#4ae6f1}.bold{font-weight:700}.cli-button{position:relative;display:inline-block;padding:6px 10px;color:#fff;border:1px solid #555555;background-color:#232323;border-radius:3px;font-size:13px;font-weight:500}#last-sec{margin-left:12px;display:none}.output-box .chevron{width:14px;min-width:14px;height:14px;fill:#727272;margin:4px}.output-content-container{border-left:2px solid rgb(65,65,65);padding-left:12px;line-height:24px}.output-content{display:inline-block;letter-spacing:.4px;white-space:break-spaces;word-break:normal;overflow-wrap:anywhere;line-height:22px}.output-cli{position:relative;max-height:260px;width:100%;margin-top:30px}.output-cli .header-buttons{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:9px;right:10px;left:10px;top:10px;z-index:100;transition:all .4s ease}.output-cli .header-buttons .controls{display:flex;align-items:center;gap:9px}.output-cli .header-buttons .controls div{width:8px;height:8px;background-color:gray;border-radius:50%}.output-cli .header-buttons .buttons{display:flex;gap:18px}.output-cli .header-buttons .buttons button{display:flex;align-items:center;gap:4px;color:#fff;font-weight:500}.output-cli .header-buttons .buttons button .icon{width:20px;height:20px}.output-cli .header-buttons .buttons button .icon.back{rotate:180deg}.output-cli .container{border:1px solid rgb(44,44,44);background:#0c0c0d;background:linear-gradient(219deg,#0c0c0d,#000 56%);border-radius:4px;transition:all .6s ease-in;width:0;max-height:200px;overflow-y:auto;line-height:26px;box-sizing:border-box;padding:12px;-ms-overflow-style:none;scrollbar-width:none}.output-cli .container::-webkit-scrollbar{display:none}.output-cli .output{transition:opacity .4s ease}.output-cli .output .caret{width:8px;height:12px;background-color:#bfbfbf;border-radius:1px;display:inline-block;margin-left:3px;margin-bottom:-1px}.output-cli .output .indent{margin-left:20px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width: 560px){#ascii-name .sudowr{height:30px;margin-top:10px;margin-bottom:12px}#ascii-name .poetry{margin:0;padding:0 20px;line-height:20px;font-size:11px}#ascii-name{gap:3px}#io{margin-top:0;font-size:12px}#io .scrollable-area{padding:10px}}#resume{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;height:100%;align-self:center;width:928px;min-width:912px;color:#e6e6e6;border:1px solid rgb(53,53,53);border-top:unset;border-bottom:unset;z-index:200}#resume .header{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;border-bottom:1px solid rgb(53,53,53);background-color:#000;justify-content:center;padding:20px}#resume .header .buttons{display:flex;align-self:flex-start;gap:20px;width:100%}#resume .header .logo{height:24px;margin-left:auto}#resume .header .button{display:flex;align-items:center;gap:4px;color:#979797;fill:#979797;font-weight:600;transition:all .4s ease}#resume .header .button:hover{color:#d4d4d4;fill:#d4d4d4}#resume .header .button .icon{width:18px;height:18px}#resume .header .button .icon.back{rotate:180deg}#resume .header .ornament{height:20px;fill:#6e7881}#resume .header .ornament.right{transform:scaleX(-1);margin-left:-10px}#resume .header .name-container{display:flex;align-items:center;gap:16px}#resume .header h1{font-size:28px;letter-spacing:8px;font-weight:600;text-align:center}#resume .header h2{font-size:15px;font-weight:400;letter-spacing:4px;text-align:center}#resume .header a{color:#fff;font-size:14px;letter-spacing:4px;text-decoration:none;margin-top:6px;padding-bottom:12px}#resume .header a span{color:#008eff;text-shadow:3px 3px 10px rgb(0,142,255)}#resume .body{background-color:#0e0e0e;opacity:1;padding:40px;display:flex;flex-direction:column;gap:16px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}#resume .body::-webkit-scrollbar{display:none}#resume .body .section-title{font-size:20px;color:#0cf;text-shadow:0 0px 12px rgb(0,162,255)}#resume .body .section-content{margin-top:12px;margin-left:16px}#resume .body .milestones,#resume .body .experiences,#resume .body .self-taught{display:flex;flex-direction:column;gap:16px}#resume .body .milestones .milestone .date,#resume .body .experiences .milestone .date,#resume .body .self-taught .milestone .date{color:silver;font-size:13px}#resume .body .milestones .milestone .diplomat,#resume .body .experiences .milestone .title,#resume .body .self-taught .milestone .title{font-weight:600;font-size:17px}#resume .body .milestones .milestone .specialty,#resume .body .self-taught .milestone .subtitle{font-weight:400;font-size:16px}#resume .body .experiences .milestone .description,#resume .body .self-taught .milestone .description{font-weight:400;font-size:14px;line-height:25px;margin-top:4px}#resume ul{margin-left:24px;padding:0;list-style-type:circle}#resume .indent-area{border-left:1px solid gray;display:flex;padding-top:8px}#resume .indent-line{width:12px;height:1px;background-color:gray;margin:16px 6px 18px 0}#resume .area-content{display:flex;align-items:baseline;flex:1}#resume .section-content .title{font-weight:600;color:violet;letter-spacing:1px}#resume .area-content .area-tech-stack{display:flex;flex:1;flex-wrap:wrap;gap:6px;margin-left:12px}#resume .square-text{padding:5px 12px;background-color:#1a1b1b;border-radius:4px;-webkit-user-select:none;user-select:none}#resume .area-content .area-tech-stack span:hover{background-color:#2a2b2c}#resume .text{line-height:25px}#resume .languages,#resume .interests{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px}@media screen and (max-width: 960px){#resume{left:0;right:0;width:unset;min-width:unset}#resume .header{padding:30px 20px 20px;gap:10px}}@media screen and (max-width: 560px){#resume .header{gap:4px}#resume .header h1{font-size:20px;letter-spacing:4px}#resume .header h2{font-size:12px;letter-spacing:4px;text-align:center;line-height:22px}#resume .header a{font-size:10px;margin-top:0}#resume .header .buttons{top:8px}#resume .body{padding:16px;font-size:11px}#resume .body .section-title{font-size:16px}#resume .body .section-content{margin-top:8px;margin-left:8px}#resume .body .milestones,#resume .body .experiences,#resume .body .self-taught{gap:10px}#resume .body .milestones .milestone .date,#resume .body .experiences .milestone .date,#resume .body .self-taught .milestone .date{font-size:10px}#resume .body .milestones .milestone .diplomat,#resume .body .experiences .milestone .title,#resume .body .self-taught .milestone .title,#resume .body .milestones .milestone .specialty,#resume .body .self-taught .milestone .subtitle{font-size:13px}#resume .body .experiences .milestone .description,#resume .body .self-taught .milestone .description{font-size:12px;line-height:20px}#resume .header .ornament{height:15px}#resume .header .ornament.right{transform:scaleX(-1);margin-left:-10px}#resume .header .name-container{gap:10px}#resume .header .logo{display:none}#resume .header .button{font-size:11px}}#boot-intro{margin-bottom:6px;line-height:25px}#boot-intro .list-item{margin-left:12px}#boot-intro .copyright{color:#9ba9bb}#boot-intro .copyright *{font-size:12px;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-container{line-height:28px}.page-container .title{font-size:19px;color:#4cff5c;margin:0}.page-container .subtitle{margin:6px 0;font-size:15px;font-weight:600}.page-container .text{margin:8px 0;text-indent:16px}.contact-form{display:flex;flex-direction:column;padding:12px;border:1px solid rgb(46,46,48);max-width:500px;background-color:#0f0f0f}.contact-form .title{font-size:18px;font-weight:700;letter-spacing:2px}.contact-form .subtitle{font-size:14px;color:#d3d3d3;letter-spacing:1px;margin:8px 0 16px;border-bottom:1px dashed rgb(73,73,73);padding-bottom:12px}.contact-form .inputs{display:flex;flex-direction:column;gap:12px}.contact-form .error{color:#f16363;margin:0 0 12px;font-weight:600}.contact-form .input-container{display:flex;flex-direction:column;gap:8px}.contact-form label{display:flex;font-weight:600}.contact-form input,.contact-form textarea{display:flex;color:#fff;border:1px solid rgb(86,90,95);padding:10px 12px;outline:none;background-color:#000;border-radius:2px;resize:vertical;max-height:200px;width:100%;box-sizing:border-box}.contact-form .send-button{display:flex;align-items:center;justify-content:center;gap:12px;color:#09b1ff;fill:#09b1ff;border:1px solid rgb(86,90,95);padding:10px;font-weight:600;background-color:#222;transition:all .2s ease}.contact-form .send-button:hover{color:#26baff;fill:#26baff;background-color:#000}.contact-form .send-button .icon{width:22px;height:22px}.portfolio .title{color:violet;font-size:20px}.portfolio .project{margin-bottom:12px}.portfolio .project .project-title{font-size:17px;font-weight:700;color:#00aeff;background-color:#242424;border:1px solid rgb(65,65,65);padding:2px 12px;width:fit-content;border-radius:3px;margin:20px 0 8px}.portfolio .description{text-indent:18px;margin-bottom:6px}.portfolio .metadata{display:flex;flex-direction:column;gap:3px}.portfolio .metadata .item{display:flex;align-items:flex-start;gap:6px}.portfolio .metadata .item a{color:#3dff3d}.portfolio .metadata .item .title{color:#d6d6d6;display:flex;align-items:center;gap:4px}.portfolio .metadata .icon{width:18px;height:18px;margin-top:-2px}.portfolio .metadata .title{font-size:13px;font-weight:700;flex-shrink:0}.portfolio .metadata .tech-stack{display:flex;gap:6px;flex-wrap:wrap}.portfolio .metadata .tech-stack .tech{padding:0 12px;background-color:#303030;color:#fff;border-radius:3px;-webkit-user-select:none;user-select:none}.portfolio .area .separator{color:gray;font-weight:700}.portfolio .area .title{display:flex;align-items:center;color:#ff0;fill:#ff0;font-weight:600;gap:6px}.portfolio .area .title .icon{width:25px;height:25px}.tree{margin-top:10px;border-left:2px solid #494949}.tree .tree-level{border-left:2px solid #494949;margin-left:14px}.tree .entry{display:flex;align-items:center;padding-top:4px}.tree .left-line{width:18px;height:1.8px;background-color:#494949;margin-right:8px}.secret-code-image{width:160px;height:160px}.socials{display:flex;flex-direction:column;gap:4px;margin-top:6px}.socials .button{display:flex;align-items:center;gap:6px;color:#fff;fill:#fff;font-weight:600;text-decoration:none}.socials .button:hover{fill:#6dff6d;color:#6dff6d}.socials .icon{width:22px;height:22px}#terminal-footer{background-color:#000;border-top:1px solid rgb(37,37,37);padding:12px 28px;letter-spacing:2px;-webkit-user-select:none;user-select:none;text-align:center;color:#c4cbd1;flex-shrink:0}#terminal-footer *{font-size:13px}@media screen and (max-width: 600px){#terminal-footer{padding:6px 12px}#terminal-footer,#terminal-footer *{font-size:10px}}