body {
background: url("assets/gifs/darkforest.gif") repeat;
color: lavender;
font-family: "Papyrus", fantasy;
text-align: center;
}
h1 {
text-shadow: 0 0 10px purple;
}
a {
color: hotpink;
text-decoration: none;
}
a:hover {
text-shadow: 0 0 10px cyan;
}
.float {
position: absolute;
animation: floaty 5s infinite;
}
.fairy {
top: 10%;
left: 10%;
}
.portal {
width: 100px;
cursor: pointer;
animation: pulse 2s infinite;
}
.glow {
box-shadow: 0 0 20px magenta;
}
@keyframes floaty {
0% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
}
🌲 the forest listens 🌲
touch the trees
↩ return