@import url('https://fonts.cdnfonts.com/css/druk-wide-bold');
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: "Segoe UI", Arial, sans-serif;
  background-color: #FFF0F5;
}

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* LOGO */
.logo {
  max-width: 420px;
  width: 80%;
  height: auto;
  margin-bottom: 24px;
}

/* ANIMATION */
.animated-logo {
  animation:
    fadeIn 1.2s ease-out forwards,
    float 4s ease-in-out infinite,
    pulse 3.5s ease-in-out infinite;
}

/* TEXT */
h1 {
  font-size: 2.2rem;
  letter-spacing: 4px;
  color: #444;
  font-weight: 700;
  font-family: 'Druk Wide Bold', sans-serif;
}

/* KEYFRAMES */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
}