create a holding page for a webpage for a 10 year old girl that creates earrings, bracelets and all sorts of cool small stuff herself, she has made an image of herself in the style of claymation where she is standing in the middle with a pencil she has written "Kenza's skatter" on the wall behind her and taped a few of her makings on tha wall. the background of this picture is blue. This will be a holding page as in "comming soon" not a full site.
6b8dc36 verified | /* Import Google Fonts */ | |
| @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap'); | |
| /* Shared styles across all pages */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| overflow-x: hidden; | |
| } | |
| .font-comic { | |
| font-family: 'Comic Neue', cursive; | |
| } | |
| /* Custom animations */ | |
| @keyframes float { | |
| 0%, 100% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| } | |
| @keyframes sparkle { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0.3; } | |
| } | |
| .float-animation { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| .sparkle-animation { | |
| animation: sparkle 2s ease-in-out infinite; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #fdf2f8; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: linear-gradient(135deg, #ec4899, #0ea5e9); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: linear-gradient(135deg, #db2777, #0284c7); | |
| } | |
| /* Responsive adjustments */ | |
| @media (max-width: 768px) { | |
| .container { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } |