Spaces:
Sleeping
Sleeping
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #F0F0F0; | |
| } | |
| .header { | |
| width: 100%; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 40px; | |
| border-radius: 20px; | |
| background: #F0F0F0; | |
| box-shadow: 20px 20px 60px #E0E0E0, -20px -20px 60px #ffffff; | |
| } | |
| .header-content { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .header-title { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .header-links { | |
| margin-top: 20px; | |
| } | |
| .header-links ul { | |
| list-style: none; | |
| padding: 0; | |
| } | |
| .header-links li { | |
| margin-bottom: 10px; | |
| } | |
| .header-links a { | |
| color: #333; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| .header-links a:hover { | |
| text-decoration: underline; | |
| } | |
| #robot { | |
| width: 50px; | |
| height: 50px; | |
| margin-left: 20px; | |
| } |