header{background-color:#191919f2;border-radius:4px;box-shadow:0 0 10px #ffffff14;height:100px;margin:0 auto 10px;padding:10px 15px;text-align:center}header h1{color:#306230;font-size:1.5rem;margin:-5px}header h2{color:#ccc;font-size:1rem;font-weight:400;margin-bottom:5px}header .contact{color:#aaa;font-size:.8rem}header .contact p{margin:2px 0}.hack-text{color:#0f8;font-family:monospace;font-size:2.5rem}.meow{position:relative}.meow:after{animation:matrix 2.5s steps(1) forwards;color:#0f8;content:"}"}@keyframes matrix{0%{content:"%"}5%{content:"¥"}10%{content:"#"}15%{content:"7"}20%{content:"ϟ"}25%{content:"µ"}30%{content:"∰"}35%{content:"Z"}40%{content:"≈"}45%{content:"@"}50%{content:"$"}55%{content:"Δ"}60%{content:"m"}70%{content:"Me"}80%{content:"Meo"}to{content:"Meow"}}.hero{color:#fff;margin-bottom:30px;text-align:center}.hero p{color:#fff;font-size:16px}#home{background:#000;border-left:4px solid #fff;display:block;margin:0 auto;max-width:900px;padding:15px}#home .featured,#home .notes,#home .terms,#home .updates{background:#000;border-left:3px dashed #fff;margin:20px 0;padding:12px 15px}#home h3{border-bottom:1px dashed #fff;color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:1px;margin-bottom:10px;padding-bottom:5px}#home p{color:#fff;font-size:1rem;line-height:1.5}#home ul{list-style-type:square;margin-left:20px}#home ul li{color:#fff;font-size:.95rem;margin:6px 0}#home .terms{background:#000;border-left:3px double #fff;color:#fff}.featured-item.hoverable{background:#000;border:1px dashed #fff;color:#fff;cursor:pointer;padding:10px;transition:all .15s linear}.featured-item.hoverable:hover{background-color:#fff;box-shadow:0 0 6px #fff;color:#000;transform:translateY(-2px)}#home .blink{animation:blink 1s step-start infinite;color:#fff;font-weight:700}@keyframes blink{50%{opacity:0}}@media (max-width:768px){#home{padding:10px}#home .featured,#home .notes,#home .terms,#home .updates{margin:15px 0;padding:8px 10px}#home h3{font-size:1.3rem}#home p,#home ul li{font-size:.9rem}}code{background-color:#111;border-radius:3px;color:#00ff7f;font-family:Courier New,monospace;font-size:.95em;padding:.2em .4em;text-shadow:0 0 1px #00ff7f}h4{font-size:18px}.page-content{align-items:center;align-self:center;margin-left:20px}.react-syntax-highlighter{background-color:#000;border-radius:5px;box-shadow:inset 0 0 6px #00ff7f;color:#00ff7f;font-family:Courier New,monospace;font-size:.95em;letter-spacing:.5px;margin:1em 0;overflow-x:auto;padding:1em!important;text-shadow:0 0 1px #00ff7f}@media (prefers-color-scheme:light){code{background-color:#f0f0f0;color:#006400;text-shadow:none}.react-syntax-highlighter{background-color:#e8e8e8;box-shadow:none;color:#006400;text-shadow:none}}.react-syntax-highlighter{word-wrap:break-word;max-width:100%}img{border-radius:4px;display:block;height:auto;margin:.5em 0;max-width:100%}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.project-card{background-color:#111;border:2px solid #fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;font-family:Courier New,monospace;height:350px;justify-content:space-between;padding:16px}.project-card h4{color:#fff;font-weight:400;letter-spacing:1px;margin-bottom:5px}.project-card .date{color:#ccc;font-size:14px;margin-bottom:10px}.project-card .tags{margin:10px 0}.project-card .tag{background-color:#111;border:1px solid #fff;border-radius:0;color:#fff;display:inline-block;font-size:12px;margin-right:4px;padding:2px 6px;text-transform:uppercase}.project-card .pixel-button{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:14px;margin-top:auto;padding:6px 12px;text-align:center;text-transform:uppercase}.project-card .pixel-button:hover{background-color:#111}.AboutMe-container{background-color:#141414e6;border-radius:5px;box-shadow:0 0 15px #ffffff0d;display:flex;font-family:Courier New,monospace;gap:20px;justify-content:space-between;margin:20px auto 0;max-width:1050px;padding:15px}.bio{color:#ddd;flex:2 1;line-height:1.5}.bio p{margin:10px 0}.right-side{align-items:center;display:flex;flex:1 1;flex-direction:column}.profile-pic{border:3px solid #8bac0f;border-radius:50%;box-shadow:0 0 8px #8bac0f80;height:150px;margin-bottom:20px;margin-top:-50px;overflow:hidden;width:150px}.profile-pic img{height:100%;margin-top:-.5px;object-fit:cover;width:100%}.skills{width:100%}.skills h4{border-bottom:1px dashed #555;color:#8bac0f;font-size:1.4rem;margin-bottom:15px;padding-bottom:5px}.skill-bar{margin:10px 0}.skill-name{color:#ddd;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:5px}.skill-level{background-color:#111;border:2px solid #306230;height:12px;overflow:hidden;position:relative}.skill-progress{animation:fillBar 2s forwards;background-color:#8bac0f;box-shadow:inset 0 0 2px #244a24;height:100%;image-rendering:pixelated;width:0}.skill-progress:after{animation:flicker .2s infinite alternate;background:repeating-linear-gradient(0deg,#ffffff1a,#ffffff1a 1px,#0000 0,#0000 2px);content:"";inset:0;position:absolute}@keyframes fillBar{0%{width:0}50%{width:calc(var(--progress)/2)}to{width:var(--progress)}}@keyframes flicker{0%{opacity:.05}50%{opacity:.15}to{opacity:.05}}@media (max-width:768px){.AboutMe-container{flex-direction:column;text-align:center}.bio{text-align:left}.right-side{width:100%}}*{box-sizing:border-box;color:#fff;font-family:Courier New,monospace;margin:0;padding:0}body{background-color:#000;background-image:linear-gradient(#ffffff14 1px,#0000 0),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px,20px 20px;line-height:1.6;min-height:100vh;padding:20px;position:relative}main{border:2px solid #fff;border-radius:0;box-shadow:0 0 15px #fff;margin:30px auto 40px;padding:30px}header,main{background-color:#000;max-width:1100px}header{border:2px solid #fff;margin:0 auto 30px;padding:20px}header h1,header h2{color:#fff;text-align:center}header .contact{margin-top:-10px;text-align:center}nav{border:1px solid #fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;max-width:1100px;padding:10px}nav,nav button{background-color:#000}nav button{border:2px solid #fff;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px;transition:all .2s}nav button:hover{background-color:#fff;color:#000}footer{background-color:#000;border:2px solid #fff;color:#fff;height:100px;margin:0 auto 10px;max-width:1100px;text-align:center}footer .social-links{display:flex;gap:15px;justify-content:center;margin-top:10px}footer .social-links a{color:#fff;display:inline-block;font-size:24px;transition:transform .2s}footer .social-links a:hover{transform:scale(1.2)}a:active,a:hover,a:link,a:visited{color:#fff;text-decoration:none}h3,h4{color:#fff}.pixel-button{background-color:#000;border:3px solid #fff;box-shadow:3px 3px 0 #fff,6px 6px 0 #000;color:#fff;cursor:pointer;display:inline-block;font-size:16px;letter-spacing:1px;margin-bottom:20px;padding:5px 25px;position:relative;text-align:center;text-transform:uppercase;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.pixel-button:hover{background-color:#fff;box-shadow:4px 4px 0 #000,8px 8px 0 #fff;color:#000}.pixel-button:active{box-shadow:1px 1px 0 #000,2px 2px 0 #fff;transform:translate(2px,2px)}.pixel-input{background-color:#000;border:3px solid #fff;box-shadow:3px 3px 0 #fff,6px 6px 0 #000;color:#fff;font-size:16px;margin-bottom:20px;outline:none;padding:10px 12px;transition:all .1s ease-in-out;width:100%}.pixel-input::placeholder{color:#888}.pixel-input:focus{background-color:#fff;box-shadow:4px 4px 0 #000,8px 8px 0 #fff;color:#000}.featured-grid{display:flex;flex-wrap:wrap;gap:20px}.featured-card{background:#000;border:2px solid #fff;border-radius:0;cursor:pointer;flex:1 1 300px;padding:15px;transition:transform .2s,box-shadow .2s}.featured-card:hover{box-shadow:0 0 10px #fff;transform:translateY(-3px)}.featured-card .tag,.featured-card h4,.featured-card p{color:#fff}.featured-card .tags{margin-top:10px}.featured-card .tag{background:#000;border:1px solid #fff;color:#fff;display:inline-block;font-size:12px;margin-right:5px;padding:2px 6px}
/*# sourceMappingURL=main.8d306899.css.map*/