body {
    background-color: #bbd8b3;
    max-height: 100vh;
    display: flex;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: calc(4em + 4vmin); /* This will dynamically adjust the font size based on the viewport size */
    font-weight: 300;
    text-align: center;
}

strong {
    font-weight: 500;
}

.full {
    margin: auto;
    flex-direction: column;
    align-content: center;
    max-width: 100vw; /* This will make the .full class take up as much horizontal space as possible */
    max-height: 100vh; /* This will make the .full class take up as much vertical space as possible */
}