html, body {
    height: -webkit-fill-available;
    height: 100%;
}
html {
    background-color: #1a73e8;
}
body {
    background-color: white;
    border: 8px solid #1a73e8;
    height: 97%;
    display: flex;
    font-family: 'Stylish', sans-serif;
    align-items: center;
    flex-direction: column;
}
.main-text {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    flex:1;
    font-size: xx-large;
    font-size: 36pt;
    font-family: 'Mea Culpa', cursive;
    text-shadow: 4px 4px 4px #aaa;
    padding: 12px;
    margin: 72px;
    padding-top: 11%;
    width: 100%;
}
.minor-text {
    color: red;
    text-align: right;
    align-self: end;
    padding: 12px;
    margin: 6px;
    width: 100%;
}