#form-container { position: absolute; right: 0; /* Start off-screen on the right */ width: 400px; padding: 20px; background-color: whitesmoke; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 10px; transform: translateX(100%); /* Start off-screen */ transition: transform 1s ease-in-out, opacity 1s ease-in-out; opacity: 0; } #form-container.show { transform: translateX(0); /* Move to the center */ opacity: 1; } #close-button { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer; } form h2 { margin-bottom: 15px; } form label { display: block; margin: 10px 0 5px; } form input, form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; background-color: white; border-radius: 5px; } form button { width: 40%; padding: 10px; background-color:#003366; color: white; border: none; border-radius: 5px; cursor: pointer; } form button:hover { background-color: black; }