.machine-card{align-items:center;background-color:#1e1e1e;border:2px solid #39ff14;border-radius:8px;box-shadow:0 0 10px #39ff14;display:flex;flex-direction:column;justify-content:flex-start;margin:15px;padding:15px 10px;transition:transform .3s ease,box-shadow .3s ease;width:220px}.machine-card:hover{box-shadow:0 0 20px #39ff14;transform:translateY(-10px) rotate(-2deg)}.machine-card h2{font-size:1.8rem;margin-bottom:10px;text-align:center}.machine-card p{font-size:1.2rem;margin-bottom:15px;padding:0 10px;text-align:center}.machine-card button{animation:pulse 2s infinite;background-color:initial;border:1px solid #d400ff;border-radius:5px;color:#d400ff;cursor:pointer;font-size:.9rem;margin-top:auto;padding:5px 10px}.machine-card button:hover{background-color:#d400ff;color:#1e1e1e}.badge{background-color:#39ff14;border-radius:5px;color:#0f0f0f;font-size:.9rem;font-weight:700;margin-bottom:10px;padding:4px 8px}@keyframes pulse{0%{box-shadow:0 0 5px #d400ff}50%{box-shadow:0 0 20px #d400ff}to{box-shadow:0 0 5px #d400ff}}.home{min-height:100vh}.intro{padding:50px 20px;text-align:center}.intro h1{color:#39ff14;font-size:5rem;margin-bottom:10px;text-shadow:0 0 5px #39ff14}.intro p{font-size:1.5rem}.machines{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;padding:20px}.intro h1,.machine-card h2{font-family:VT323,monospace!important}.glitch{color:#39ff14;font-family:VT323,monospace;font-size:5rem;position:relative}.glitch:after,.glitch:before{content:attr(data-text);left:0;position:absolute}.glitch:before{animation:glitchTop 1s linear infinite alternate-reverse;color:#d400ff;z-index:-1}.glitch:after{animation:glitchBottom 1s linear infinite alternate-reverse;color:#00f0ff;z-index:-1}@keyframes glitchTop{0%{clip:rect(0,9999px,0,0)}5%{clip:rect(0,9999px,5px,0)}10%{clip:rect(5px,9999px,5px,0)}15%{clip:rect(5px,9999px,10px,0)}20%,to{clip:rect(0,9999px,0,0)}}@keyframes glitchBottom{0%{clip:rect(95px,9999px,100px,0)}5%{clip:rect(90px,9999px,100px,0)}10%{clip:rect(85px,9999px,95px,0)}15%{clip:rect(80px,9999px,90px,0)}20%,to{clip:rect(95px,9999px,100px,0)}}.machine-detail{align-items:center;background-color:#0f0f0f;color:#39ff14;display:flex;flex-direction:column;font-family:Fira Code,monospace;min-height:100vh;padding:40px 20px}.machine-detail h1{font-family:VT323,monospace;font-size:3rem;margin-bottom:20px}.machine-detail p{font-size:1.1rem;margin-bottom:20px}.machine-detail button{background-color:initial;border:1px solid #39ff14;border-radius:5px;color:#39ff14;cursor:pointer;padding:8px 15px}.machine-detail button:hover{background-color:#39ff14;color:#1e1e1e}.writeup{word-wrap:break-word;background-color:#1e1e1e;color:#39ff14;font-size:18px;line-height:1.5;margin-bottom:40px;overflow-x:auto;padding:20px;white-space:pre-wrap}.writeup,.writeup img{border:2px solid #39ff14;box-shadow:0 0 10px #39ff14;max-width:800px}.writeup img{margin:20px 0;width:100%}.writeup-container{margin:0 auto;max-width:800px;padding:20px}.writeup-container img{border:2px solid #39ff14;box-shadow:0 0 10px #39ff14;display:block;height:auto;margin:20px auto;max-width:100%}code,pre,pre>code{box-sizing:border-box;display:block;max-width:100%;overflow-wrap:anywhere;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media screen and (max-width:768px){.machine-detail{padding:20px 10px}.machine-detail h1{font-size:2.2rem}.writeup{font-size:16px;padding:15px}code,pre,pre>code{font-size:14px}}.back-button{background-color:initial;border:2px solid #39ff14;border-radius:8px;color:#39ff14;cursor:pointer;font-family:Fira Code,monospace;font-size:16px;margin-bottom:30px;padding:10px 20px;transition:all .2s ease-in-out}.back-button:hover{background-color:#39ff14;color:#0f0f0f}.back-button-container{display:flex;justify-content:center;margin-top:20px}.sticky-back-button{background-color:#0f0;border:none;border-radius:8px;bottom:24px;box-shadow:0 0 12px #0f0;color:#000;cursor:pointer;font-family:monospace;font-size:16px;padding:12px 16px;position:fixed;right:24px;transition:transform .3s ease,opacity .3s ease;z-index:1000}.sticky-back-button:hover{background-color:#1aff1a;transform:scale(1.05)}#root,body,html{overflow:hidden}.App{position:relative;text-align:center;z-index:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#0f0f0f;color:#39ff14;font-family:Fira Code,monospace;font-size:24px;margin:0;overflow-x:hidden}body,html{position:relative;z-index:1}#root,body,html{-webkit-overflow-scrolling:touch;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain}
/*# sourceMappingURL=main.1b2fc271.css.map*/