:root{--primary-color:#dd1ffa;--secondary-color:#06c;--background-color:#fff;--text-color:#000;--font-family:"Roboto",sans-serif}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color)}.container{display:flex;flex-direction:column;align-items:center}@media (min-width:576px){.container{flex-direction:row;flex-wrap:wrap;justify-content:center}.card{margin:10px}}@media (min-width:768px){.header{font-size:32px}.btn{font-size:28px}}@media (min-width:992px){.card{margin:20px}}body{background-color:#e1f0ff;background-image:url(/images/Ai4KidsBackgroundOcean.png);background-size:cover;background-repeat:repeat;min-height:100vh}button{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;padding:1rem 2rem;border-radius:50px;background-color:#fdd207;color:#000;border:none;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.2);transition:all .2s ease-in-out}button:hover{background-color:#feec5b;transform:translateY(-2px)}button:focus{outline:none;box-shadow:0 0 0 3px rgba(253,210,7,.5)}