body {
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    height: 100vh;
    margin: 0;
    background-color: #f4f4f4;
    padding: 50px; /* Add padding around the entire page */
    box-sizing: border-box; /* Ensure padding is included in the total width and height */
}

.unit-number {
    font-weight: bold;
    font-size: 1.5em;
    position: absolute;
    top: 20px;
    left: 20px;
}

.unit-name {
    font-weight: bold;
    font-size: 1.5em;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.quote-container {
	text-align: left;
    font-size: 2em;
    max-width: calc(100% - 40px); /* Ensure the quote-container doesn't exceed the padding */
}

/* Styling for the term */
.term {
    font-weight: bold;
    font-size: 1.5em;
    color: #333;
}

/* Styling for the definition */
.definition {
    font-weight: normal;
    font-size: 1.2em;
    color: #666;
}

/* Logo styling */
.logo img {
    max-width: 150px; /* Adjust to fit your needs */
    height: auto; /* Maintain aspect ratio */
}

.logo {
    position: absolute;
    bottom: 20px;
    right: 20px;
}