style.css

body {
    background-color: #212029;
    padding: 32px 20%;
    font-family: sans-serif
}

@media (max-width: 768px) {
    body {
        padding: 12px 5%;
    }
}

p {
    color: #e0e0e0;
}

@keyframes rainbow {
    0%   { text-shadow: 0 0 5px red; }
    16.7% { text-shadow: 0 0 5px orange; }
    33.3% { text-shadow: 0 0 5px yellow; }
    50%  { text-shadow: 0 0 5px green; }
    66.7% { text-shadow: 0 0 5px blue; }
    83.3% { text-shadow: 0 0 5px indigo; }
    100% { text-shadow: 0 0 5px violet; }
}

h1 {
    color: #e0e0e0;
    animation: rainbow 6s linear infinite;
}

h2 {
    color: #e0e0e0;
}

.aura-name {
    font-family: monospace;
    margin-bottom: 0px;
}

.website-links {
    font-family: monospace;
    color: #e0e0e0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 24px;
}

div {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 96px;
}

footer {
    margin-left: 16px;
    margin-right: 16px;
    text-align: right;
    color: #e0e0e0;
}

.hidden-link {
    text-decoration: none;
    color: #e0e0e0;
    font-weight: normal;
}

.hidden-link:hover {
    text-decoration: underline;
    font-weight: bolder;
    text-shadow: 0px 0px 1px #fff;
}