html {
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    max-width: min(36rem, 90vw);
    margin: 0 auto;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.viewport {
    height: 100lvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;
    cursor: pointer;
    padding: 1rem;
    box-sizing: border-box;
    overflow-y: auto;
    scrollbar-width: none;
}

.viewport::-webkit-scrollbar {
    display: none;
}

.viewport:nth-child(2) {
    align-items: flex-start;
}

@media (max-height: 700px) {
    .viewport:nth-child(2) {
        justify-content: flex-start;
    }
}

#signature {
    text-align: right;
    align-self: flex-end;
}

#signature img {
    width: 18rem;
    max-width: 100%;
}

#contact {
    text-align: center;
}