body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    color: #212126;
    padding: 20px;
    background-image: url('https://spacestation14.com/images/main/background.jpg');
    background-size: cover; /* A imagem cobre toda a tela */
    background-position: center center; /* A imagem é centralizada */
    background-attachment: fixed; /* A imagem fica fixa ao rolar a página */
}

main {
    margin-top: 20px;
    background-color: #212126;
    color: #fff;
    padding: 20px;
}

header {
    background-color: #212126;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
}

footer {
    margin-top: 20px;
    background-image: url('https://spacestation14.com/images/main/stripeback.svg');
    background-color: #212126;
    color: #fff;
    padding: 15px;
    text-align: center;
}

footer a {
    padding-left: 5px;
    padding-right: 5px;
}

a {
    color: #e23229;
}

ul {
    list-style-type: none;
    background-color: #16161a;
    padding: 10px;
}

ul li {
    padding: 10px;
    background-color: #212126;
    margin-bottom: 10px;
}

ul li a {
    margin: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    font-size: xx-large;
}

ul li a:hover {
    text-decoration: underline;
}


/* SS14 Style - get from spacestation14.com website */
.angle-rect {
    --angle-rect-clip-size: 16px;
    -webkit-clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)));
    clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)));
}

.angle-rect.open-tr {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)));
    clip-path: polygon(0 0,100% 0,100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}

.angle-rect.open-bl {
    -webkit-clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,0 100%)
}

.angle-rect.open-tr.open-bl {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.error {
    color: red;
}