:root{font-family:Orbitron,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.img-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.img-background img{width:100%;height:100%;object-fit:cover}.show-btn{position:relative;z-index:1}.show-btn button{font-family:Orbitron,sans-serif;font-size:3rem;padding:.75rem 2rem;background:radial-gradient(circle,#280000cc,#0f0000e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid rgba(255,0,0,.7);border-radius:15px;cursor:pointer;transition:.5s;box-shadow:0 0 5px #ff000080,0 0 20px #32000099;text-shadow:0px 0px 8px rgba(255,0,0,.9);color:#1f1e1e;letter-spacing:4px;position:relative;overflow:hidden}.show-btn button:hover{background:#3c0000f2;box-shadow:0 0 15px #f00c,0 0 50px red;border:2px solid rgba(255,20,20,1);text-shadow:0px 0px 12px rgba(255,0,0,1)}@keyframes flicker{0%{box-shadow:0 0 15px #f00c}50%{box-shadow:0 0 25px red}to{box-shadow:0 0 15px #f00c}}.show-btn button:hover{animation:flicker .2s infinite alternate}.home-container{opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.home-container{opacity:1;pointer-events:auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{height:100vh;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.project-card{border:1px solid}.tablet{position:relative;display:flex;flex-direction:column;width:1200px;height:650px;justify-content:center;align-items:center;background:linear-gradient(135deg,#1f1f1fb3,#30303055);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;z-index:1}.home{width:100%;height:100%;position:relative;display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between}.home-btns{display:flex;flex-direction:column;justify-content:space-evenly;width:20%;height:90%;margin-top:2%;margin-left:2%;padding:15px}.home-btns .title{font-size:32px;font-family:Orbitron,sans-serif;font-weight:500;text-shadow:0px 2px 6px rgb(64,64,64)}button{font-size:20px;font-family:Orbitron,sans-serif;text-shadow:0px 2px 6px rgb(64,64,64);font-weight:600;letter-spacing:2px;width:100%;height:15%;padding:5px;border-radius:12px;background:linear-gradient(-135deg,#990000b3,#50000080);box-shadow:0 2px 10px #0000004d,inset 0 0 5px #f003;border:2px solid rgba(200,0,0,.7);color:#d1d1d1;text-transform:uppercase;cursor:pointer;transition:.3s ease-in-out;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:14px;border:2px solid rgba(255,0,0,.3);box-shadow:0 0 10px #f006;opacity:0;transition:.3s ease-in-out}button:hover{background:linear-gradient(-135deg,#b40000cc,#5a000099);border:2px solid rgba(255,0,0,.9);color:#fff;text-shadow:0px 0px 10px rgba(255,0,0,.7);box-shadow:0 0 15px #ff000080,inset 0 0 8px #ff00004d}button:hover:before{opacity:1;animation:flicker 1.2s infinite alternate}@keyframes flicker{0%{box-shadow:0 0 10px #f006}to{box-shadow:0 0 15px #f00c}}.home-main{display:flex;flex-direction:column;width:80%;height:95%;padding:15px}.home-main .title{font-size:42px;font-family:Orbitron,sans-serif;font-weight:500;text-shadow:0px 2px 6px rgb(64,64,64);margin-top:3%;align-items:center;justify-content:center}.home-main .intro{display:flex;flex-direction:row;gap:15px;margin:20px;font-family:Orbitron,sans-serif}.home-main .intro .text{width:50%;font-family:Orbitron,sans-serif}.home-main .intro .text p{font-size:16px;font-weight:500;letter-spacing:2px}.home-main .intro .tech-priest img{max-height:400px;border-radius:30%}.name{font-size:26px;font-weight:500}.name-decor{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);font-weight:600;font-size:32px;letter-spacing:2px;font-family:Orbitron,sans-serif}.whoami{font-size:15px;font-weight:600;letter-spacing:1px}.home-body{border-radius:15px;background:linear-gradient(135deg,#4040405e,#451a1a52);box-shadow:0 2px 8px #fffefe21;border:1px solid rgba(144,144,144,.216);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden}p{padding:15px;font-size:larger;font-weight:300;letter-spacing:2px;font-family:Orbitron,sans-serif;text-shadow:0px 1px 4px rgb(0,0,0)}.page{display:flex;align-items:flex-start;flex-direction:row;height:100%;width:100%;justify-content:space-between}.page-btns{display:flex;flex-direction:column;justify-content:space-between;width:20%;height:90%;margin-top:2%;margin-left:2%;padding:15px}.logo{top:0;left:0}.logo img{width:200;height:200px}.page-content{display:flex;flex-direction:column;width:80%;height:90%;padding:15px;margin:2%;background:#111;border:2px solid #a10000;box-shadow:0 0 10px #a10000cc;border-radius:8px}.page-content .page-title{font-size:32px;font-family:Orbitron,sans-serif;font-weight:500;text-shadow:0px 2px 12px rgb(0,0,0);margin-bottom:2%}.page-content .page-main{height:100%;width:100%;overflow-y:auto}.page-content .page-main .bio-container{height:200px}.brief-bio{border-bottom:#f9f9f9 1px solid}.brief-bio p{font-size:16px}.download-btn{font-family:Orbitron,sans-serif;font-size:1rem;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background:linear-gradient(135deg,#452323e6,#4c0202b3);color:#d3d3d3;border:2px solid rgba(255,0,0,.8);border-radius:10px;text-decoration:none;cursor:pointer;transition:.4s;box-shadow:0 0 10px #ff000080;text-shadow:0px 0px 5px rgba(255,0,0,.8)}.download-btn:hover{background:#3c0000f2;box-shadow:0 0 15px #ff0000e6,0 0 30px red;color:#000;transform:scale(1.05)}.download-btn .icon{font-size:1.8rem}.skills-n-hobby{display:flex;height:100%;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:10px}.snh-title{font-size:24px;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:3px;font-weight:700;text-align:center;position:relative;padding:10px 20px;color:#d10000;background:linear-gradient(135deg,#000000b3,#180d0d80);border:2px solid rgba(255,0,0,.5);box-shadow:0 4px 10px #ff00004d;text-shadow:0px 0px 2px rgba(255,0,0,.6);border-radius:8px;overflow:hidden}.snh-title:hover{box-shadow:0 0 15px #f00c;text-shadow:0px 0px 10px rgba(255,0,0,1);transition:all .3s ease-in-out}.snh-title:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#f00c;box-shadow:0 0 8px red;animation:scanline 3s infinite linear}@keyframes scanline{0%{top:0;opacity:1}50%{top:100%;opacity:.3}to{top:0;opacity:1}}.hobby-stack-frame,.tech-stack-frame{display:flex;gap:15px;padding:15px;align-items:center;justify-content:center;flex-wrap:wrap}.tech-icon{width:45px;height:45px;padding:10px;background:linear-gradient(145deg,#222,#000);border:1px solid #600;border-radius:4px;transition:transform .3s,box-shadow .3s}.tech-icon:hover{transform:scale(1.1);box-shadow:0 0 12px #c80000e6}.motto{bottom:0}.projects{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-y:auto;align-items:center;gap:30px;margin:5px}.projects .project-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:250px;height:400px;padding:2px;overflow:hidden;transition:transform .3s ease;background:url(/assets/panel-bg-Dp3hQDIo.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;border:5px solid black;box-shadow:inset 0 0 4px red;font-family:Orbitron,sans-serif;text-shadow:0px 2px 6px rgb(64,64,64)}.projects .project-card .panel{background:#0f0f0f;width:95%;position:absolute;padding:5px;bottom:0;transform:translateY(100%);transition:.4s ease-out}.projects .project-card:hover .panel{transform:translateY(0);box-shadow:inset 0 0 4px red}.projects .project-card .details{display:flex;flex-direction:column;margin-top:5px;margin-left:5px;margin-right:5px;gap:5px;justify-content:center;align-items:center}.p-d-name{padding-bottom:5px;font-size:20px;font-weight:600;border-bottom:grey solid 1px;width:100%}.project-tech{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:5px}.icon{font-Size:28px;margin-Right:5px;color:red}.projects .project-card .btns{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:5px;gap:5px}.projects .project-card .btns a{font-size:24px;padding:5px 25px;color:#fff;transition:.3s ease}.projects .project-card .btns a:hover{color:gold}.pagination-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px}.pagination-controls button{width:5%;margin:10px}.form{display:flex;flex-direction:column;gap:5px;align-items:center}.form input,.form textarea{margin-top:5px;width:80%;max-width:500px;padding:.8rem;border:none;background-color:#1f1f1f;color:red;font-size:1rem}.form input:focus,.form textarea:focus{outline:2px solid #f60000}.form label{font-size:1rem;letter-spacing:2px;text-shadow:0 0 2px #3a3a3a}.form button{padding:.8rem 2rem;margin-top:10px;width:50%;border:none;border-radius:10px;background:linear-gradient(90deg,#580101,#ff15008b);color:#000;font-size:1.2rem;font-family:Orbitron,sans-serif;cursor:pointer;transition:.4s ease-in-out}.form button:hover{background:linear-gradient(90deg,#531919,#ff1500f3);transform:scale(1.03)}.contact-info{font-size:15px}.contact-info p{margin:0;text-decoration:underline}.contact-info .social-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.contact-info .social-links a{color:#fff;font-size:35px;transition:.3s ease}.contact-info .social-links a:hover{color:#f60000}.binary{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;justify-content:center;align-items:center}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}