paraMotions
About
Contact
FAQ
Services
Hello world!
paraMotions
November 9, 2024
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
body { font-family: 'Roboto', sans-serif; /* Clean, modern font */ text-align: center; margin: 0; padding: 0; background: url('your-image-url.jpg') no-repeat center center fixed; /* Background image */ background-size: cover; /* Make the image cover the entire screen */ color: #ffffff; /* White text for contrast */ } .container { margin-top: 5%; padding: 20px; border-radius: 15px; background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */ max-width: 600px; margin-left: auto; margin-right: auto; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); /* Modern shadow effect */ } h1 { font-size: 2.8rem; color: #ffcc66; /* Warm golden text for the title */ text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); /* Subtle glow effect */ margin-bottom: 20px; } .dropdown { padding: 12px; font-size: 16px; background-color: #333333; /* Dark grey dropdown */ color: #ffffff; /* White text */ border: 1px solid #ffcc66; /* Golden border */ border-radius: 5px; margin-bottom: 20px; cursor: pointer; } #name { font-size: 1.8rem; color: #ffcc66; /* Golden text */ font-weight: bold; font-style: italic; margin: 20px auto; /* Center alignment */ padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); /* Transparent white overlay */ display: inline-block; width: 300px; /* Fixed width */ height: 60px; /* Fixed height */ line-height: 1.5; /* Centered text vertically */ text-align: center; /* Center text horizontally */ overflow: hidden; /* Prevent long names from breaking layout */ white-space: nowrap; /* Keep text on one line */ text-overflow: ellipsis; /* Add "..." if the text is too long */ } .button-container { display: flex; justify-content: center; gap: 15px; /* More space between buttons */ margin-top: 20px; } .button { background-color: #ff5733; /* Vibrant orange for buttons */ color: #ffffff; /* White text */ border: none; padding: 12px 25px; font-size: 16px; font-weight: bold; cursor: pointer; border-radius: 15px; transition: transform 0.3s ease, background-color 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Elevated button effect */ } .button:hover { background-color: #ff6f3c; /* Slightly lighter orange on hover */ transform: translateY(-3px); /* Lift effect */ } #saved-names { margin-top: 30px; font-size: 1.2rem; color: #ffffff; /* White for saved names */ } .saved-name { margin: 5px 0; padding: 8px; background-color: rgba(255, 255, 255, 0.2); /* Light white background */ border-left: 4px solid #ffcc66; /* Golden left border */ border-radius: 5px; }
