/*
====================================================
───── © STHENOS NYX - 2026, ALL RIGHT RESERVED ─────
────────────────────────────────────────────────────
────────────────── for styles.css ──────────────────
====================================================
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ── RESET ──────────────────────────────────── */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html { scroll-behavior: smooth; }
img, video, svg { display: block; max-width: 100%; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--sel-bg); color: var(--sel-text); }

/* ── BODY ──────────────────────────────────── */

html::selection         { background-color: white; color: black;}
body                    {background: rgb(4, 4, 4); color: white; font-family: 'DM Sans', sans-serif;}
main                    {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; padding: 20px;}
div                     {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 25px; }

h1                      {line-height: 2rem; text-align: center;}
p                       {margin-top: 10px; text-align: center;}


a.tele:hover            {text-decoration: underline; text-decoration-color: aqua; text-underline-offset: 3px; transition: all 0.3s ease;
    img.arrow           {filter: brightness(0) saturate(100%) invert(93%) sepia(26%) saturate(1681%) hue-rotate(107deg) brightness(102%) contrast(103%);;}}
img.arrow               {width: 0.65em; height: 0.65em; display: inline-block;}

img.linktree            {filter: brightness(0) saturate(100%) invert(97%) sepia(98%) saturate(9%) hue-rotate(70deg) brightness(20%) contrast(100%); width: 200px;}
a.linktr                {text-align: center; transition: cubic-bezier(0.175, 0.885, 0.32, 1.275)}
a.linktr:hover          {filter: brightness(0) saturate(100%) invert(97%) sepia(98%) saturate(9%) hue-rotate(70deg) brightness(104%) contrast(100%); transition: cubic-bezier(0.175, 0.885, 0.32, 1.275)}

span.sorry              {color: rgb(178, 177, 177);}
span.underline          {text-decoration: underline; text-underline-offset: 6px; text-decoration-color: rgb(255, 76, 10);}
span.underline:hover    {text-decoration-color: rgb(255, 136, 93);}

/* ── QUERIES ───────────────────────────────── */