html {
   padding: 0px;
}
body {
   padding: 0px;
}
body#hellbody {
    background-image: url("fire.gif");
    background-size: auto;
    background-color: rgb(128, 0, 0);
}
.grid-container {
    display: grid;
    grid:
        'header header header header'
        'text text text text'
        'body body body body'
        'footer footer footer footer';
    grid-gap: 1%;
}
nav {
    margin: 1% 0px 1% 45%;
}
p {
    grid-area: body;
}
audio {
    grid-area: body;
}
h1 {
    grid-area: text;
    padding: 0px 0px 0px 35%;
}
#whitetext {
    color: white;
}
img#cat {
    grid-area: body;
    width: 50%;
    height: 50%;
    padding: 0px 0px 0px 25%;
    object-fit: contain;
}
div.navbar {
    grid-area: header;
    background-color: rgb(192, 192, 192);
    align-content: center;
}
a.navlink {
    border: 3px solid black;
    padding: 1% 1% 1% 1%;
    margin: 1% 0px 0px 1%;
    background-color: white;
}