html, body {
    height : 100%;
    margin : 0;
}

.app {
    display : flex;
    flex-direction: column;
    min-height : 100vh;
    max-width: 1028px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.app-main {
    flex-grow : 1;
}

.header-title {
    font-size: 2.5rem;
    font-weight: 800;
}

.dotted-bottom {
    border-bottom: 2px dashed #dee2e6;
}

.dotted-top {
    border-top: 2px dashed #dee2e6;
}