.inverted ol li:before {
content: counter(item) ". ";
}
/* Popup */
.popup {
position: fixed;
bottom: -400px;
left: 0;
width: 100%;
background-color: #ffffff;
padding: 20px;
transition: bottom 0.5s;
}
.popup-image {
width: 100%;
max-width: 300px;
display: block;
margin: 0 auto;
}
.popup-header {
text-align: center;
}
.signup-form {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.email-input {
padding: 8px;
width: 250px;
margin-right: 10px;
}
.submit-button {
padding: 8px 16px;
background-color: #4CAF50;
color: #ffffff;
border: none;
}
.dismiss-button {
display: block;
margin: 20px auto;
}
.show {
bottom: 0;
}