.box{
    max-width: 50em;
    margin: 1em auto;
    display: grid;
    grid-gap: .5em;
    grid-template-columns: 15em minmax(0,1fr);
    
}

header, nav, main, footer{
    border:  rgba(194, 53, 125, 0.75) .2em solid;
}

h1{
    margin: 0%;
}

header{
    padding-left: .5em;
    padding-bottom: .5em;
    color:rgba(210, 50, 132, 0.5);
   grid-row: 1 / 2;
    grid-column: 1 / 3;
    height: 5em;
    background: url(imgs/heartgrid.gif);
}

nav{
    padding-left: .5em;
    color: rgba(255, 126, 192, 0.76);
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    background:  rgba(169, 64, 118, 0.76);
}

main{
    padding-left: .5em;
    color: rgba(255, 126, 192, 0.76);
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    background:  rgba(169, 64, 118, 0.76);
}

.stamps{
    grid-row: 3 / 4;
    grid-column: 1 / 4;
    margin-left: auto;
    margin-right: auto;
}

footer{
    color: rgba(255, 255, 255, 0.63);
    padding-left: 20em;
    padding-top: 2em;
    grid-row: 4 / 4;
    grid-column: 1 / 3;
    height: 3em;
    background: url(imgs/pinkstar.gif);
    opacity: 90%
}

html{
    background: url(imgs/galaxy.gif)
}

ul{
    padding-left: 1em;
}

a{
    color: rgba(255, 219, 237, 0.76);
}