File: /var/www/kevin-demo/wp-content/themes/fitmencook/assets/css/nutrition-form-confirmation.css
.thank-you {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
.your-set-wrapper h2 {
color: rgba(52, 64, 84, 1);
font-weight: 700;
font-size: 4rem;
line-height: 5.6rem;
text-align: center;
margin-bottom: 2rem;
}
.your-set-wrapper {
text-align: center;
}
.your-set-wrapper p {
color: rgba(52, 64, 84, 1);
font-weight: 500;
font-size: 1.8rem;
line-height: 2.4rem;
}
.review-wrapper p,
.contact-wrapper p {
font-weight: 400;
font-size: 1.6rem;
line-height: 2.2rem;
}
.review-wrapper,
.contact-wrapper {
display: flex;
gap: 2rem;
background-color: rgba(242, 244, 247, 1);
border-radius: 8px;
padding: 2rem;
align-items: center;
}
.review-wrapper {
margin: 2rem 0;
}
.review-wrapper img,
.contact-wrapper img {
object-fit: contain;
}
.what-happens-next {
display: flex;
align-items: center;
text-align: center;
margin-top: 6rem;
}
.what-happens-next::before,
.what-happens-next::after {
content: "";
flex: 1;
border-bottom: 1px solid gray;
}
.what-happens-next::before {
margin-right: 1.5rem;
}
.what-happens-next::after {
margin-left: 1.5rem;
}
.home-btn a {
text-decoration: none;
}
.btn-wrapper {
text-align: center;
margin-top: 6rem;
}
.emoji {
font-size: 6.4rem;
text-align: center;
}
.home-link {
display: inline-flex;
align-items: center;
gap: 1rem;
text-decoration: none;
border: 2px solid rgba(234, 236, 240, 1);
padding: 1.2rem 1.6rem;
border-radius: 8px;
font-size: 1.5rem;
font-weight: 700;
line-height: 2rem;
background-color: #fff;
}
.header {
text-align: center;
margin-top: 4rem;
}
@media (max-width: 75em) {
html {
font-size: 56.25% !important;
}
}
@media (max-width: 56.25em) {
html {
font-size: 50% !important;
}
}
@media (max-width: 37.5em) {
.thank-you {
min-width: 70%;
}
}