body { font-family: arial,sans-serif; background-color: #eee; color: #002d53; }
a { color: #002d53; }
.hero { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 80%; height: 80%; max-width: 800px; max-height: 400px; border-radius: 8px; padding: 2%; background-color: #fff; box-shadow: 0 0 64px rgba(0,0,0,.5); font-size: 24px; line-height: 150%; }
.hero p { margin: 0 0 12% 0; }
.transition { display: flex; justify-content: center; align-items: center; gap: 4%; }
.transition span { font-size: 48px; font-weight: bold; }