@font-face {
  font-family: "cn";
  src: URL("rhr_sc_b.ttf") format('truetype');
}
body {
    background-color: #ffc0cb;
    background-image: url("https://www.transparenttextures.com/patterns/light-wool.png");
    font-family: "Comic Sans MS", "cn", cursive, sans-serif;
    color: #800080;
    text-align: center;
    margin: 0;
    padding: 0;
}
.mint {
    color: #00FF7F;
}
.chocolate {
    color: #3D240C;
}
h1.glow,
h2.glow {
    font-size: 3em;
    color: #ff69b4;
    text-shadow: 0 0 5px #ffb6c1, 0 0 10px #ff69b4;
    animation: subtleGlow 2s ease-in-out infinite alternate;
}
@keyframes subtleGlow {
    from {
        text-shadow: 0 0 2px #ffb6c1, 0 0 5px #ff69b4;
    }
    to {
        text-shadow: 0 0 8px #ffb6c1, 0 0 15px #ff69b4;
    }
}
a {
    color: #800080;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #ff1493;
    text-decoration: underline;
}
.nav {
    border-radius: 1em;
    background-color: #ffe4e1;
    border: 3px dashed #ff69b4;
    padding: 10px;
    margin: 20px auto;
    width: 80%;
}
.content {
    border-radius: 1em;
    background-color: rgba(255, 182, 193, 0.5);
    border: 2px solid #ff69b4;
    margin: 20px auto;
    padding: 20px;
    width: 80%;
    text-align: left;
}
.sparkle {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    opacity: 0.8;
}
marquee {
    margin: 20px 0;
    font-size: 1.5em;
    color: #fff;
    background-color: #ff69b4;
    padding: 5px;
}