/* Center the container horizontally and vertically */
body {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    min-height: 100vh; /* Ensure full viewport height */
    margin: 0; /* Remove default margin */
    background-color: rgb(102, 103, 129);
    color: rgb(245, 243, 243);
    font-family: "Arial", sans-serif; /* Change "Arial" to the desired font */
}

/* Style the container */
.container {
    text-align: center; /* Center text horizontally within the container */
}