*{
    font-size: 2vh;
}

body{
    display: flex;
    min-height: 0px;
}

table{
    table-layout: fixed;
    height: 80vh;
    aspect-ratio: 1;
}

tr{
    height: 20%;
    width: 100%;
}

td{
    text-align: center;
    width: 20%;
    aspect-ratio: 1;
}

.raids{
    display: flex;
    gap: 5vh 0px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.desc{
    all:inherit;
    box-shadow: none;
}

img{
    max-width: 25vw;
}

a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

figure{
    background-color: var(--primary);
    color: var(--background);
    border-radius: 1vw;
}

footer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: fixed;
    left: 0;
    bottom: 1vh;
    width: 100%;
    color: white;
    text-align: center;
    justify-content: space-evenly;
}

.close-x {
    /* border: 7px solid var(--accent); */
    background:
        linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,var(--secondary) 45%,var(--secondary) 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
        linear-gradient(135deg, var(--accent) 0%,var(--accent) 43%,var(--secondary) 45%,var(--secondary) 55%,var(--accent) 57%,var(--accent) 100%);
}