table {
    margin: auto;
    color: white;
    text-align: center;
    vertical-align: middle;
    border-spacing: 12px 30px;
}
th {
    width: 8%;
}
td {
    font-size: 40px;
    height: 100px;
}

body {
    background-color: black;
    text-align: center;
    color: white;
}

#c {
    margin-left: auto;
    margin-right: auto;
    background-image: url("../res/helios.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    color: white;
    width: 80%;
}

.cube {
    background-image: url("../res/logo.png");   
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: solid white 1px;
    background-color: #000000BB;
}
a {
    display: flex;
    color: #90ee90;
    text-shadow: 0px 0px 6px black;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border-width: thick;
    text-shadow: 
    -2px -2px 0 #000,  
     2px -2px 0 #000,
     -2px 2px 0 #000,
      2px 2px 0 #000;;
}

a:hover {
    text-decoration: underline;
}

.active {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% {
        color: #90ee90;
    }
    50% {
        color: #FF0000;
    }
}