body{background-color:#fdf7f2;background-image:url(/paw-print.png);background-size:400px;background-repeat:repeat;background-position:center;color:#3c3c3c;font-family:Roboto,sans-serif;text-align:center;margin:0;padding:20px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/paw-print.png) repeat;background-size:400px;opacity:.3;z-index:-1}@media (max-width: 768px){body{padding:10px}.title{font-size:2.5rem}.subtitle{font-size:1.3rem}.container{padding:15px}.code-editor{height:200px;font-size:1rem}.run-btn{padding:12px 24px;font-size:1rem}.output{padding:15px}}.header-container{background:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:inline-block;margin:20px auto;text-align:center}.title{color:#d36b9a;font-size:3rem;font-weight:700;margin-bottom:10px}.subtitle{color:#8af;font-size:1.5rem;margin-bottom:15px}.container{max-width:800px;margin:auto;padding:20px}.playground{background:#fff;border-radius:15px;padding:30px;box-shadow:0 8px 16px #0000001a;margin-top:30px}.code-editor{width:100%;height:250px;border:2px solid #d36b9a;border-radius:10px;padding:20px;font-size:1.1rem;background:#fef7f2;font-family:Courier New,monospace}.run-btn{background-color:#8af;color:#fff;border:none;padding:15px 30px;margin-top:20px;cursor:pointer;font-size:1.1rem;border-radius:8px;transition:background-color .3s ease}.run-btn:hover{background-color:#6b8eda}.output{background:#fef7f2;border:2px dashed #88aaff;padding:20px;margin-top:20px;border-radius:10px}.documentation-container{background-color:#fdf6e3;padding:30px;border-radius:15px;box-shadow:0 8px 16px #0000001a;max-width:900px;margin:30px auto;font-family:Roboto,sans-serif;color:#444}.documentation-container h2{text-align:center;color:#d36b9a;font-size:28px;margin-bottom:25px}.documentation-container p{text-align:center;font-size:20px;margin-bottom:25px;color:#666}.code{display:block;background-color:#e8f4ff;color:#333;font-family:Courier New,monospace;padding:15px;border-radius:8px;margin-top:15px;white-space:pre-wrap}.documentation-container ul{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.documentation-container li{background:#ffe4e199;padding:20px;border-radius:10px;box-shadow:0 6px 12px #0000000d;list-style:none;transition:transform .3s ease,box-shadow .3s ease}.documentation-container li:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.documentation-container li strong{color:#d36b9a;font-size:20px}.documentation-container li:after{content:" ~~~ ";display:block;text-align:center;color:#aaa;margin-top:15px}textarea{max-width:100%;box-sizing:border-box;border-radius:8px;border:1px solid #d88;padding:10px}.github-link{display:flex;justify-content:center;align-items:center;margin-top:40px}.github-icon{width:40px;height:40px;transition:transform .3s ease;border-radius:50%;overflow:hidden}.github-icon:hover{transform:scale(1.1)}body{font-family:Arial,sans-serif;text-align:center;background-color:#f8f9fa;margin:0;padding:0}