.centered-root {

position: absolute;
width: 100%;
height: 100%;

display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
place-items: center;

}

.centered-container {

transform: translateY(-50%);

}

.centered-header {

margin: $spacing-3 0pt;
text-align: center;
* { margin: 0pt; }

.centered-title {
    font-size: $mega-font-size;
}

.centered-subtitle {
    font-size: $medium-font-size;
    font-weight: normal;
}

}