.ascii-art {
    display: grid;
    place-items: center;
    font-family: monospace;
    white-space: pre;
    color: white;
    font-size: .5vw;
}
.centering {
    display: grid;
    place-items: center;
}
.t_centering {
    text-align: center;
}
button {
    margin: 10px;
}

body {
    background-color: lightpink;
    background-image: url('https://i.postimg.cc/XXh0t8Q1/pinkfallingstars.gif');
    background-repeat: repeat;
    background-attachment: fixed;
    place-items: center;
    display: grid;
}
.container {
    display: grid;
    background-color: black;
    border: 5px black outset;
    border-radius: 9px;
    grid-template-areas:
        'header'
        'main';
    width: 75vw;
    max-height: 100vh;

}

.header {
     background-color: black;
    background-image: linear-gradient(to bottom, black, grey);
    grid-area: header;
    margin-bottom: 10px;
}
.main{
    grid-area: main;
    background-color: grey; 
    border-radius: 8px;
    margin: 5px;
    padding: 5px;   
    z-index: 0;
    max-height: 100vh;
}
.main-content {
    background-color: white;
    border-radius: 8px;
    border: 5px black outset;
    margin: 5px;
    padding: 5px;
    overflow-wrap: break-word;
    overflow-y: scroll;
    z-index: 1;
    max-height: 100vh;
}