/* unvisited link */
.links a:link {
    color: #fff;
}

/* visited link */
.links a:visited {
    color: #fff;
}

/* mouse over link */
.links a:hover {
    color: #0f81cc;
}

/* selected link */
.links a:active {
    color: #fff;
}

.heart {
    color: red;
}

.footer {
    background-color: #363636;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
}

.footer p {
    color: rgba(255, 255, 255, 0.9);
}

.footer {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.nyan-cat-box {
    height: 250px;
}

html {
    background-color: #363636;
}

.nyan-cat {
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    height: 100%;
}

.rainbow_div {
    background-image: url("../img/rainbow.png");
    background-repeat: round;
    height: 160px;
    position: relative;
}

.rainbow_box {
    background-color: #363636;
    height: 100px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    animation: catmove 20s infinite linear;
}

.audio-control {
    position: absolute;
    top: 200px;
    width: 20px;
    right: 10px;
}

.ascii-art {
    font-family: monospace;
    white-space: pre;
}

@keyframes catmove {
    from {left: 0}
    to {left: 92%}
}

.mb-20 {
    margin-bottom: 20px;
}