invaderscss.css

* {
    margin: 0px;
    padding: 0px;

}

@font-face {
    font-family: 'Blox';
    src: url(./css/invaders-font-collection/invaders-2504/blox-brk/Blox2.ttf);
}

@font-face {
    font-family: '01-digit';
    src: url(./css/invaders-font-collection/invaders-2504/01-digit/01\ Digit.ttf);
}

#space-png {
    background-repeat: no-repeat;
}

html {
    --night: #3a2b3b;
    --6color: #2d4a54;
    --teal: #0c7475;
    --pink: #bc4a9b;
    --gum: #eb8d9c;
    --cyber: #ffd8ba;
    /* --level2: background: rgb(58, 43, 59);
    background: linear-gradient(180deg, rgba(58, 43, 59, 1) 0%, rgba(235, 141, 156, 1) 60%, rgba(255, 216, 186, 1) 100%); */
    /* --bottom: background: rgb(58, 43, 59);
    background: linear-gradient(0deg, rgba(58, 43, 59, 1) 0%, rgba(235, 141, 156, 1) 60%, rgba(255, 216, 186, 1) 100%); */


}

canvas {
    box-shadow: black 20px 10px 50px;
}

h1 {
    margin-bottom: 10px;
    font-family: Blox;
    font-size: 50px;
    padding-bottom: 20PX;

}

body {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 75px;
    background: rgb(58, 43, 59);
    background: linear-gradient(180deg, rgba(58, 43, 59, 1) 0%, rgba(58, 43, 59, 1) 60%, rgba(255, 216, 186, 1) 100%);
    background-repeat: no-repeat;
    height: 100%;
    background-attachment: fixed;

}

footer {
    font-family: '01-digit';
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10px;
    align-content: center;
    letter-spacing: 4px;
    font-size: 17px;
    color: var(--6color);
}

footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;

}

footer ul label {
    display: block;
    margin-bottom: 15px;
    line-height: 22px;
}

footer ul #credit {
    font-size: 10px;
}