@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:#000;box-sizing:border-box;color:#39ff14;font-family:Inter,sans-serif;margin:0;padding:0}.app_name,.pixel-font{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-style:normal}header{padding:20px 0}.app_name{font-size:50px;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #39ff14b3}.head{align-items:center;display:flex;flex-direction:column}.nav_bar{display:flex;gap:40px}.nav_bar a{border-radius:6px;color:#39ff14;font-size:18px;font-weight:500;padding:8px 16px;text-decoration:none;transition:.2s}.nav_bar a:hover{background-color:#39ff141a;text-shadow:0 0 8px #39ff14}.login{border-radius:12px;margin:80px auto;max-width:400px;padding:40px;text-align:center}.login h2{font-size:28px;font-weight:600;margin-bottom:25px}.login form{display:flex;flex-direction:column;gap:20px}.login input{background-color:#222;border:1px solid #333;border-radius:8px;font-size:16px;outline:none;padding:14px;transition:all .2s ease-in-out}.login input:focus{border-color:#39ff14;box-shadow:0 0 0 2px #39ff1433}.login button{background-color:#39ff14;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.login button:hover{background-color:#2ee00e;box-shadow:0 4px 12px #39ff144d;transform:translateY(-2px)}.signup{border-radius:12px;margin:80px auto;max-width:400px;padding:40px;text-align:center}.signup h2{font-size:28px;font-weight:600;margin-bottom:25px}.signup form{display:flex;flex-direction:column;gap:20px}.signup input{background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;outline:none;padding:14px;transition:all .2s ease-in-out}.signup input:focus{border-color:#39ff14;box-shadow:0 0 0 2px #39ff1433}.signup button{background-color:#39ff14;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.signup button:hover{background-color:#2ee00e;box-shadow:0 4px 12px #39ff144d;transform:translateY(-2px)}.container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:30px}.card{border-radius:16px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.card:before{background:linear-gradient(90deg,#39ff14,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 12px 30px #39ff1426;transform:translateY(-5px)}.title{color:#39ff14;font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:5px}.body{color:#e0e0e0;flex-grow:1;font-size:1.05rem;font-weight:400;line-height:1.6}.post_pic{align-items:center;background-color:#1a1a1a;border-radius:10px;display:flex;height:220px;justify-content:center;overflow:hidden;width:100%}.post_pic img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post_pic:hover img{transform:scale(1.05)}.post_pic p{color:#666;font-size:.9rem;font-style:italic}.user_post_info{border-top:1px solid #222;color:#888;font-size:.9rem;margin-top:10px;padding-top:15px}.user_post_info p{color:#39ff14;font-weight:500;margin:0}@media (max-width:768px){.container{gap:20px;grid-template-columns:1fr}.card,.container{padding:20px}.title{font-size:1.3rem}.app_name{font-size:36px}.nav_bar{gap:20px}.nav_bar a{font-size:16px;padding:6px 12px}}@media (max-width:480px){.container{gap:15px;padding:15px}.card{padding:18px}.title{font-size:1.2rem}.body{font-size:1rem}.post_pic{height:180px}.app_name{font-size:32px}.nav_bar{flex-wrap:wrap;gap:15px;justify-content:center}.login{margin:40px auto;padding:30px 20px}}.main_container{display:flex;gap:20px;padding:20px}.draw_option{padding:15px;width:40%}.canvas{display:flex;flex-direction:column;gap:20px;padding-left:15px;width:60%}.pixel-canvas{background:#000;border:1px solid #39ff14;cursor:crosshair;image-rendering:pixelated}.cyber-button{background:#0000;border:1px solid #39ff14;border-radius:6px;color:#39ff14;cursor:pointer;font-family:Pixelify Sans,sans-serif;margin:5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.cyber-button:hover{box-shadow:0 0 8px #39ff14,0 0 16px #39ff14}.cyber-button.active,.cyber-button:hover{background:#39ff14;color:#000}label{display:block;font-size:.9rem;margin-bottom:5px}input[type=text]{background:#000;border:1px solid #39ff14;border-radius:4px;color:#39ff14;font-family:Inter,sans-serif;margin-bottom:12px;padding:6px 10px;width:100%}input[type=text]:focus{box-shadow:0 0 6px #39ff14;outline:none}.cyber-color{border:none;border-radius:4px;cursor:pointer;height:30px;margin-right:8px;outline:1px solid #39ff14;width:40px}.color-input span{font-size:.8rem;margin-left:5px}.recent-colors{display:flex;gap:8px;margin-top:6px}.color-swatch{border:1px solid #39ff14;border-radius:4px;cursor:pointer;height:24px;width:24px}.post-form-container{border:1px solid #39ff14;border-radius:6px;margin-top:15px;padding:15px}.post-form button{margin-top:10px;width:100%}.error-message{color:red;font-size:.8rem;font-weight:700;margin-top:5px}.brush,.cell_size,.checker,.control-group,.grid_size{margin-bottom:15px}.user_info{text-align:center}.cmt_card{display:flex;gap:5px}
/*# sourceMappingURL=main.0ed7ee28.css.map*/