/* Font face */
@font-face {
  font-family: 'PixelPoiiz';
  src: url('PixelPoiiz.ttf') format('truetype');
  font-display: swap;
}

/* Base styles */
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background: url('images/background.jpg') center center / cover no-repeat;
  font-family: 'PixelPoiiz', sans-serif;

  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  color: #000; /* fallback text color */
}

/* Wrapper */
.centered {
  margin-top: 15vh;
}

/* Main header (Welcome) */
.centered h1 {
  font-size: 3em;
  margin: 0;
  color: #b04c21;
}

/* Subheader (Moochamallow) */
.centered h2 {
  font-size: 2em;
  margin: 0.5em 0 0;
  color: #4f1e09;
  animation: float 4s ease-in-out infinite;
}

/* Animation */
@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}