<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HAPPY BIRTHDAY SKY!!!!</title>
<!-- The style.css file allows you to change the look of your web pages.
If you include the next line in all your web pages, they will all share the same look.
This makes it easier to make new pages for your site. -->
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<!-- Background Image -->
<style>
body {
background-image: url('https://kaiserpug.neocities.org/crt.png');
}
</style>
<h1 style="text-align: center;"><span style="color: rgb(155, 187, 89); background-color: rgb(255, 255, 255);">H</span><span style="color: rgb(192, 80, 77); background-color: rgb(255, 255, 255);">A</span><span style="color: rgb(155, 187, 89); background-color: rgb(255, 255, 255);">P</span><span style="color: rgb(192, 80, 77); background-color: rgb(255, 255, 255);">P</span><span style="color: rgb(155, 187, 89); background-color: rgb(255, 255, 255);">Y</span><span style="background-color: rgb(255, 255, 255);"> <span style="color: rgb(192, 80, 77);">B</span><span style="color: rgb(155, 187, 89);">I</span><span style="color: rgb(192, 80, 77);">R</span><span style="color: rgb(155, 187, 89);">T</span><span style="color: rgb(192, 80, 77);">H</span><span style="color: rgb(155, 187, 89);">D</span><span style="color: rgb(192, 80, 77);">A</span><span style="color: rgb(155, 187, 89);">Y</span> <span style="color: rgb(192, 80, 77);">S</span><span style="color: rgb(155, 187, 89);">K</span><span style="color: rgb(192, 80, 77);">Y</span><span style="color: rgb(155, 187, 89);">!</span><span style="color: rgb(192, 80, 77);">!</span><span style="color: rgb(155, 187, 89);">!</span><span style="color: rgb(192, 80, 77);">!</span><span style="color: rgb(155, 187, 89);">!</span> <span style="color: rgb(192, 80, 77);">:</span><span style="color: rgb(155, 187, 89);">D</span></span></h1><p style="text-align: center;"><br></p><div style="text-align: center;"><iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=Sky&dob=1727738122&gender=f&element=Air&pet=https%3A%2F%2Fpreview.redd.it%2Fwblepd5sjvx71.gif%3Fwidth%3D296%26auto%3Dwebp%26s%3Ddc397413244e24b20ac402c9ec94c3754fb336c4&map=https%3A%2F%2Ffiles.catbox.moe%2Fsog3r1.webp&background=https%3A%2F%2Fi.redd.it%2F31nsx1ih29421.jpg&tablecolor=%23ff00ff&textcolor=white" frameborder="0"></iframe><img src="https://media.tenor.com/bClsFcJgDLwAAAAi/noelle-deltarune-deltarune.gif" alt=""></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><!-- (c) Layout created by Katie (https://layouts.spacehey.com/layout?id=2587) -->
<div class="snowflakes">
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
<div class="snowflake">
❄️
</div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
color: purple;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
</body>
</html>