#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.read-the-docs{color:#888}.container{max-width:600px;margin:0 auto;padding:20px;font-family:sans-serif;text-align:center}.container h1{font-size:24px;margin-bottom:16px}.container p{font-size:16px;color:#333;line-height:1.6}.center-screen{border-radius:10px;min-height:50vh;display:flex;justify-content:center;align-items:center;background:#ebe5c2;margin:5% 10% 20%}.card{background:#f8f3d9;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:32px;display:flex;gap:24px;align-items:flex-start}.flex-col-center{display:flex;flex-direction:column;align-items:center}.button-row{margin-bottom:16px;display:flex;gap:8px}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500}.btn-clear{background:#504b38;color:#fff}.btn-clear:hover{background:#b17f59}.btn-submit{background:#b9b28a;color:#fff}.btn-submit:hover{background:#626f47}.canvas-border{border:3px solid #000;border-radius:10px}.same-size-div{border:1.5px solid #3b82f6;border-radius:10px;width:250px;height:250px}.tech-stack{text-align:center;margin-top:40px}.tech-stack h2{font-size:30px;margin-bottom:16px}.tech-icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.tech-icons img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.tech-icons img:hover{transform:scale(1.1)}body{background-color:#f8f3d9}