@font-face {
  font-family: Mercy-Christole;
  src: url(/fonts/Mercy-Christole.ttf);
}

body {
  background-image: linear-gradient(to bottom, rgba(244, 159, 180, 0.0), rgba(244, 159, 180, 1.0)), 
  url("https://wallpapers-clan.com/wp-content/uploads/2025/04/celestial-clouds-pastel-sky-glow-aesthetic-desktop-wallpaper-preview.jpg");
  background-size: 100%;
  background-attachment: fixed;
  height: 100vh;
  margin: 0;
}

.container {
  background-color: rgba(244, 196, 212, 0.4);
  height: 100vh;
  width: 50%;
  margin: auto;
  padding-top: 100px;
}

h1 {
  font-family: Mercy-Christole;
  font-size: 60pt;
  margin: 0;
  text-align: center;
  background: -webkit-linear-gradient(#F49FB4, #231260);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 2px #231260, 3px 3px #F49FB4;
}