body {
background-color: black;
color: white;
min-height: 100vh;
display: flex;
flex-direction: column;
}
header {
background-image: url('https://dalladafilms.com/images/pexels-bence-szemerey-337043-7513460.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 50px 0;
color: white;
position: relative;
z-index: 10;
}
nav {
position: relative;
z-index: 10;
}
main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
}
.confirmation-container {
width: 100%;
max-width: 600px;
padding: 40px;
border-radius: 8px;
background-color: transparent !important;
text-align: center;
}
.confirmation-container h2 {
margin-bottom: 20px;
font-weight: bold;
color: white;
font-size: 2.5rem;
}
.confirmation-container p {
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 20px;
}
.confirmation-container ul {
text-align: left;
margin: 0 auto;
max-width: 450px;
list-style-type: none;
padding: 0;
}
.confirmation-container ul li {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.confirmation-container ul li i {
font-size: 1.5rem;
margin-right: 15px;
color: #d9534f;
}
.confirmation-container .btn-primary {
display: inline-block;
padding: 12px 30px;
font-size: 1.2rem;
font-weight: bold;
background-color: #000;
border-color: #000;
transition: all 0.3s ease;
text-decoration: none;
color: white;
margin-top: 20px;
}
.confirmation-container .btn-primary:hover {
background-color: #fff;
border-color: #fff;
color: black;
}