* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17.6px;
  line-height: 1.65;
  color: #1a1a1a;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  transition: none !important;
}

main {
  max-width: 592px;
  margin: 0;
  padding: 38px 0 96px 51px;
  position: relative;
  z-index: 1;
}

p {
  margin-bottom: 32px;
}

.inline-img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 8px;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.logo {
  height: 44px;
  width: auto;
}

footer {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}

footer img {
  height: 28px;
  width: auto;
  opacity: 0.5;
  transition: opacity 0.2s;
}

footer img:hover {
  opacity: 1;
}

.archive-link {
  font-size: 14px;
  margin-bottom: 8px;
}

.archive-link a {
}

body:has(.vocial-link:hover) {
  background: #FF0000;
  color: #fff;
}

body:has(.vocial-link:hover) a {
  color: #fff;
}

.vocial-link:hover img {
}

body:has(.textnow-link:hover) {
  background: #D8D0DC;
  color: #1a1a1a;
}

body:has(.textnow-link:hover) a {
  color: #1a1a1a;
}

.textnow-link:hover img {
}

body:has(.pooortal-link:hover) {
  background: #000000;
  color: #fff;
}

body:has(.pooortal-link:hover) a {
  color: #fff;
}

.pooortal-link:hover img {
}

body:has(.roleseek-link:hover) {
  background: #003DFF;
  color: #fff;
}

body:has(.roleseek-link:hover) a {
  color: #fff;
}

.roleseek-link:hover img {
}

body:has(.pudding-link:hover) {
  background: #EBEBEB;
  color: #1a1a1a;
}

body:has(.pudding-link:hover) a {
  color: #1a1a1a;
}

.pudding-link:hover img {
}

body:has(.toasty-link:hover) {
  background: #000000;
  color: #fff;
}

body:has(.toasty-link:hover) a {
  color: #fff;
}

.toasty-link:hover img {
}

.textnow-link,
.pudding-link,
.vocial-link,
.pooortal-link,
.roleseek-link,
.toasty-link {
  position: relative;
}

.textnow-link::after,
.pudding-link::after,
.vocial-link::after,
.pooortal-link::after,
.roleseek-link::after,
.toasty-link::after {
  content: "Visit website";
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  white-space: nowrap;
  color: #1a1a1a;
  background: #d4d4d4;
  padding: 2px 8px;
  border-radius: 4px;
  display: none;
  pointer-events: none;
}

.textnow-link:hover::after,
.pudding-link:hover::after,
.vocial-link:hover::after,
.pooortal-link:hover::after,
.roleseek-link:hover::after {
  display: block;
}

.toasty-link:hover::after {
  display: block;
}

body {
  transition: none;
}

/* Pooortal hover background */
@keyframes floatEyeHome {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-6%) rotate(180deg); }
  100% { transform: translateY(0) rotate(360deg); }
}

@keyframes floatCatHome {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5%); }
}

@keyframes floatClockHome {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4%); }
}

@keyframes floatMouthHome {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4%); }
}

@keyframes portalSwallow {
  0% { opacity: 0; transform: scale(3.5); }
  8% { opacity: 1; transform: scale(3.1); }
  75% { opacity: 0; transform: scale(0); }
  100% { opacity: 0; transform: scale(0); }
}

.pooortal-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 0;
  pointer-events: none;
  display: none;
  overflow: hidden;
}

.pooortal-phone-img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80vh;
  max-width: 380px;
  width: auto;
  z-index: 20;
  pointer-events: none;
  display: none;
  filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.25));
}

body:has(.pooortal-link:hover) .pooortal-phone-img {
  display: block;
}

body:has(.pooortal-link:hover) .pooortal-bg {
  display: block;
}

/* Pudding hover background */
.pudding-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--content-right, 50%);
  z-index: 0;
  pointer-events: none;
  display: none;
  align-items: center;
  justify-content: center;
}

.pudding-bg lottie-player {
  height: 70vh;
  width: auto;
}

body:has(.pudding-link:hover) .pudding-bg {
  display: flex;
}

/* Vocial hover background */
.vocial-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--content-right, 50%);
  z-index: 0;
  pointer-events: none;
  display: none;
  align-items: center;
  justify-content: center;
}

.vocial-phones {
  position: relative;
}

.vocial-phones-img {
  height: 55vh;
  width: auto;
  display: block;
}

body:has(.vocial-link:hover) .vocial-bg {
  display: flex;
}

/* TextNow hover background */
.textnow-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--content-right, 50%);
  z-index: 0;
  pointer-events: none;
  display: none;
  align-items: flex-end;
  justify-content: center;
}

.textnow-bg-img {
  height: 95vh;
  width: auto;
  display: block;
}

body:has(.textnow-link:hover) .textnow-bg {
  display: flex;
}

@media (max-width: 480px) {
  body {
    font-size: 19px;
  }

  main {
    padding: 48px 20px 80px;
  }
}