<<<<<<< HEAD
body {
    background-image: url('../img/bg-body.jpg'); /* Ensure this points to your background image */
    font-family: 'Roboto Condensed', sans-serif; /* Consistent font */
    color: #555; /* Default text color */
}

.container {
    display: flex;
    justify-content: center; /* Centering the confirmation message */
    align-items: center;
    height: 100vh; /* Full height of the viewport */
    padding: 20px;
    text-align: center;
}

.confirmation-message {
    background: rgba(255, 255, 255, 0.8); /* White background with transparency */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    padding: 40px 20px; /* Inner padding */
    max-width: 500px; /* Limiting width for better readability */
}

.confirmation-message h1 {
    color: #cf455c; /* Heading color matching the button */
    font-size: 24px; /* Larger heading font size */
    margin-bottom: 20px; /* Spacing below heading */
}

.confirmation-message p {
    font-size: 16px; /* Body font size */
    margin-bottom: 30px; /* Spacing below the paragraph */
}

.button {
    color: white;
    background-color: #cf455c; /* Same button color as in contact page */
    padding: 10px 20px; /* Increased padding */
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px; /* Button font size */
    text-decoration: none; /* Remove underline from link */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.button:hover {
    background-color: #a43e4c; /* Darker shade on hover */
=======
body {
    background-image: url('../img/bg-body.jpg'); /* Ensure this points to your background image */
    font-family: 'Roboto Condensed', sans-serif; /* Consistent font */
    color: #555; /* Default text color */
}

.container {
    display: flex;
    justify-content: center; /* Centering the confirmation message */
    align-items: center;
    height: 100vh; /* Full height of the viewport */
    padding: 20px;
    text-align: center;
}

.confirmation-message {
    background: rgba(255, 255, 255, 0.8); /* White background with transparency */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    padding: 40px 20px; /* Inner padding */
    max-width: 500px; /* Limiting width for better readability */
}

.confirmation-message h1 {
    color: #cf455c; /* Heading color matching the button */
    font-size: 24px; /* Larger heading font size */
    margin-bottom: 20px; /* Spacing below heading */
}

.confirmation-message p {
    font-size: 16px; /* Body font size */
    margin-bottom: 30px; /* Spacing below the paragraph */
}

.button {
    color: white;
    background-color: #cf455c; /* Same button color as in contact page */
    padding: 10px 20px; /* Increased padding */
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px; /* Button font size */
    text-decoration: none; /* Remove underline from link */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.button:hover {
    background-color: #a43e4c; /* Darker shade on hover */
>>>>>>> origin/main
}