// Last Updated: 01.07.2025 at 17:41 (CEST)
/* =======================================================
   My IP Tool Styles
   ======================================================= */

/* Google Fonts: Rubik as base font */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap");

/*
  === Petuja Brand Colors & Fonts ===

  -- Main colors --
  • Blue 1:   #0DACDB   → Cobalt blue
  • Blue 2:   #2891B1   → Sky blue
  • Blue 3:   #357386   → Steel blue
  • Gray 1:   #33525C   → Slate gray
  • Gray 2:   #253033   → Anthracite gray
  • Black:    #2E3233   → Dark gray (nearly black)

  -- Complementary colors --
  • Orange 1: #DB6500   → Orange
  • Orange 2: #B1621D   → Dark orange
  • Ochre:    #86572D   → Ochre

  -- Additional colors --
  • Purple:   #28184D   → Dark purple
 */

.tool-body {
    margin-top: 2rem;
}

.ip-block {
    margin-bottom: 1.5rem;
}

.auto-refresh {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auto-refresh .rotating-countdown {
    margin-left: 1rem;
}

#ipv4,
#ipv6,
#hostname {
    font-size: clamp(2rem, 2.5vw, 3rem);
    word-break: break-word;
}

.hide-timer {
  display: none;
}