body {
  background-image: url("https://sadhost.neocities.org/images/tiles/sora5.gif");
  background-repeat: repeat;
  background-size: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}
header {
  background-color: #87ceeb;
  color: white;
  text-align: center;
  padding: 20px;
  font-size: 1.5em;
  border-radius: 10px;
}

.momcontainer {
  background: white;
  height: 650px;
  width: 850px;
  border-radius: 10px;
  border: 5px groove white;
}
.containergif {
  background: transparent;
  background-repeat: repeat;
  background-size: auto;
  height: 150px;
  width: 150px;
  position: relative;
  top: 2em;
  left: 20em;
  justify-content: center;
  align-items: center;
}
.disclaimer {
  background: transparent;
  height: 150px;
  width: 700px;
  position: relative;
  top: -9em;
  left: 4em;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.subtitle {
  background: transparent;
  height: 5px;
  width: 310px;
  position: relative;
  top: -5em;
  left: 25em;
  font-size: 10px;
  font-weight: bold;
  font-family: "magica";
  color: #0093af;
  filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver)
    drop-shadow(1px 1px silver) drop-shadow(-1px 1px silver)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver);
}
p1 {
  font-size: 14px; /* Font size for paragraphs */
  color: #666; /* Set paragraph color */
  line-height: 1; /* Adjust line spacing */
  font-family: "Verdana", sans-serif; /* Font family for paragraph */
  margin-bottom: 10px; /* Space below the paragraph */
}

.bluewave {
  font-size: 2em;
  font-weight: bold;
  font-family: "monster";
  color: transparent;
  background: url("https://i.postimg.cc/7hpLptfC/wave2.png") repeat-x #fff;
  background-size: auto;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  background-position-x: 0;
  background-position-y: 2em;
  -webkit-transition: background-position-y 0.6s ease;
  transition: background-position-y 0.6s ease;
  -webkit-animation: waveAnimation 4s infinite linear;
  animation: waveAnimation 4s infinite linear;
  filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver)
    drop-shadow(1px 1px silver) drop-shadow(-1px 1px silver)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver);
  background-position-x: 0;
  background-position-y: 0;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@keyframes waveAnimation {
  from {
    background-position-x: 0%;
  }
  to {
    background-position-x: 200%;
  }
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.floating {
  animation: floatAnimation 2s ease-in-out infinite;
}
@font-face {
  src: url(https://dl.dropbox.com/s/sp80a2vopsaa164/SnackerComic_PerosnalUseOnly.ttf);
  font-family: "snacker";
}
@font-face {
  font-family: "monster";
  src: url(https://dl.dropbox.com/s/130c77g5yd5z1do/MonsterFriendFore.otf);
}
@font-face {
  font-family: "Magica";
  src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
h1 {
  font-size: 36px; /* Change font size */
  color: #0093af; /* Set text color */
  font-family: "windows", sans-serif;
  text-align: center;
  margin-bottom: 20px;
  filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver)
    drop-shadow(1px 1px silver) drop-shadow(-1px 1px silver)
    drop-shadow(1px -1px silver) drop-shadow(-1px -1px silver);
}
@font-face {
  src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
  font-family: "hearts";
}

#hearts {
  font-family: "hearts", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  src: url(https://dl.dropbox.com/s/sp80a2vopsaa164/SnackerComic_PerosnalUseOnly.ttf);
  font-family: "snacker";
}

#snacker {
  font-family: "snacker", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  src: url(https://dl.dropbox.com/s/mes7b666uvig5wc/Winkle-Regular.otf);
  font-family: "winkle";
}

#winkle {
  font-family: "winkle", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  src: url(https://dl.dropbox.com/s/omzqymh9g6rqpv1/LOVEPARADISE-Two.ttf);
  font-family: "love-paradise";
}

#love {
  font-family: "love-paradise", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "kiwi";
  src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

#kiwi {
  font-family: "kiwi", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  src: url(https://dl.dropbox.com/s/uougf9v63jmphoj/Jojoba.otf);
  font-family: "jojoba";
}

#jojoba {
  font-family: "jojoba", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "Magica";
  src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
#Magica {
  font-family: "Magica", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "cutie";
  src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
#cutie {
  font-family: "cutie", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "hello kitty";
  src: url(https://dl.dropbox.com/s/l5kzvuqppwfxa9z/hellokittyfont.ttf);
}
#hello-kitty {
  font-family: "hello kitty", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "kitten";
  src: url(https://dl.dropbox.com/s/iu9a60e3nidrio6/KittenSlantTrial.ttf);
}
#kitten {
  font-family: "kitten", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "good-time";
  src: url(https://dl.dropbox.com/s/ijxda4xb1cyjpe4/KGAlwaysAGoodTime.ttf);
}
#good-time {
  font-family: "good-time", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "squidgy";
  src: url(https://dl.dropbox.com/s/jwobi0mfqf17x7b/SquidgySweets.otf);
}
#squidgy {
  font-family: "squidgy", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "billo";
  src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
}
#billo {
  font-family: "billo", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "ktegaki";
  src: url(https://dl.dropbox.com/s/likp0uru5np58yn/KTEGAKI.ttf);
}
#ktegaki {
  font-family: "ktegaki", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "monster";
  src: url(https://dl.dropbox.com/s/130c77g5yd5z1do/MonsterFriendFore.otf);
}
#monster {
  font-family: "monster", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "aeroblade";
  src: url(https://dl.dropbox.com/s/rp1c9fy6nef7l15/Aeroblade.ttf);
}
#aeroblade {
  font-family: "aeroblade", sans-serif;
  font-size: 24px;
  color: pink;
}

@font-face {
  font-family: "lovely";
  src: url(https://dl.dropbox.com/s/ss5bqbogijw4zfj/Lovely%20Script.otf);
}
#lovely {
  font-family: "lovely", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "chick";
  src: url(https://dl.dropbox.com/s/wrt1sab5vv6r25n/CHICK___.TTF);
}
#chick {
  font-family: "chick", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "kinkie";
  src: url(https://dl.dropbox.com/s/b2jkn3py4agc9nn/kinkie.regular.ttf);
}
#kinkie {
  font-family: "kinkie", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "berkshire";
  src: url(https://dl.dropbox.com/s/49tg0oklrpc2u71/BerkshireSwash-Regular.ttf?);
}
#berkshire {
  font-family: "berkshire", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "ALBA";
  src: url(https://dl.dropbox.com/s/0l4qryezh7ac9ls/ALBA____.TTF);
}
#alba {
  font-family: "ALBA", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "utonium";
  src: url(https://dl.dropbox.com/s/i1ca9p2b9cwhzbg/Utonium.otf);
}
#utonium {
  font-family: "utonium", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "sant joan";
  src: url(https://dl.dropbox.com/s/o5umfqvcshf0ugj/SantJoanDespiRegular.woff);
}
#sant-joan {
  font-family: "sant joan", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "windows";
  src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
#windows {
  font-family: "windows", sans-serif;
  font-size: 24px;
  color: pink;
}
@font-face {
  font-family: "candice";
  src: url(https://dl.dropbox.com/s/2yw6jbbv27g8xwv/Candice%20Ef%20Regular.ttf);
}
#candice {
  font-family: "candice", sans-serif;
  font-size: 24px;
  color: pink;
}

.buttons {
  background: transparent;
  height: 200px;
  width: 200px;
  position: relative;
  top: -2em;
  left: 4em;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.devilish {
  background: transparent;
  height: 200px;
  width: 200px;
  position: relative;
  top: -38em;
  left: 55em;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.devilish2 {
  background: transparent;
  height: 200px;
  width: 200px;
  position: relative;
  top: -50.5em;
  left: -15em;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: scaleX(-1); /* Flip horizontally */
}
span.meow {
  padding: 10px 20px;
  background-color: #367588;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  text-decoration: none; /* Remove underline */
  transition: background-color 0.3s ease;
  margin-top: 20px;
  border: 5px groove #00a693;
}

span.meow:hover {
  background-color: #00827f; /* Change color on hover */
}