/* styles.css — normalize + skeleton + brands + custom (combined) */

/* ============================================================
   normalize.css v3.0.2 | MIT License | git.io/normalize
   ============================================================ */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body { margin: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

/* ============================================================
   Skeleton / LittleLink base styles
   ============================================================ */

.container {
  position: relative;
  width: 100%;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.container-left {
  position: relative;
  width: 100%;
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column { position: center; width: 100%; float: center; box-sizing: border-box; }

@media (min-width: 400px) {
  .container { width: 85%; padding: 0; }
}
@media (min-width: 550px) {
  .container { width: 80%; }
  .column, .columns { margin-left: 0; }
  .column:first-child, .columns:first-child { margin-left: 0; }
}

html { font-size: 100%; color-scheme: light dark; }
body {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 { margin-top: 0; margin-bottom: 16px; font-weight: 800; }
h1 { font-size: 24px; line-height: 64px; letter-spacing: 0; }

@media (min-width: 550px) {
  h1 { font-size: 48px; line-height: 96px; }
}

p { margin-top: 0; }

a { color: #2457F5; }
a:hover { color: #083BDA; }
a:focus { outline: #7AB8FF solid 2px; border-radius: 2px; }

@media (prefers-color-scheme: dark) {
  a { color: #4899F7; }
  a:hover { color: #7AB8FF; }
  a:focus { outline: #7AB8FF solid 2px; border-radius: 2px; }
}

code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, p, ol { margin-bottom: 2.5rem; }

.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }

hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #e1e1e1; }

.avatar {
  width: 128px;
  height: 128px;
  object-fit: cover;
  background-position: center;
  border-radius: 50%;
}

/* Open Sans font faces */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot');
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
  src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),
       url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype');
}

/* ============================================================
   Brand button styles
   ============================================================ */

.button, button {
  display: inline-block;
  text-decoration: none;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  width: 300px;
  font-weight: 700;
  line-height: 20px;
  padding: 14px 12px 12px 12px;
  letter-spacing: 0.1px;
  white-space: wrap;
  outline: none;
  border-radius: 8px;
  cursor: pointer;
}
button:hover, .button:focus {
  color: #212121;
  border-color: #888;
  outline: #7AB8FF solid 3px;
}
.button.button-primary { color: #fff; filter: brightness(90%); }
.button.button-primary:hover, .button.button-primary:focus { color: #fff; filter: brightness(90%); }

.icon { padding: 0px 8px 3.5px 0px; vertical-align: middle; width: 20px; height: 20px; }

.button.button-default { color: #ffffff; background-color: #2457F5; }
.button.button-default:hover, .button.button-default:focus { filter: brightness(90%); }
.button.button-amazon { color: #000000; background-color: #FFFFFF; border: 1px solid #212121; }
.button.button-amazon:hover, .button.button-amazon:focus { filter: brightness(90%); }
.button.button-amazon-music { color: #000000; background-color: #25D1DA; }
.button.button-amazon-music:hover, .button.button-amazon-music:focus { filter: brightness(90%); }
.button.button-appstore { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-appstore:hover, .button.button-appstore:focus { filter: brightness(90%); }
.button.button-apple-music { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-apple-music:hover, .button.button-apple-music:focus { filter: brightness(90%); }
.button.button-apple-music-alt { color: #ffffff; background-image: linear-gradient(to bottom, #FB5C74, #FA233B); }
.button.button-apple-music-alt:hover, .button.button-apple-music-alt:focus { filter: brightness(90%); }
.button.button-apple-podcasts { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-apple-podcasts:hover, .button.button-apple-podcasts:focus { filter: brightness(90%); }
.button.button-apple-podcasts-alt { color: #ffffff; background-image: linear-gradient(to bottom, #F452FF, #832BC1); }
.button.button-apple-podcasts-alt:hover, .button.button-apple-podcasts-alt:focus { filter: brightness(90%); }
.button.button-artstation { color: #ffffff; background-color: #18181C; border: 1px solid #FFFFFF; }
.button.button-artstation:hover, .button.button-artstation:focus { filter: brightness(90%); }
.button.button-bandcamp { color: #ffffff; background-color: #1d9fc3; }
.button.button-bandcamp:hover, .button.button-bandcamp:focus { filter: brightness(90%); }
.button.button-behance { color: #ffffff; background-color: #0057FF; }
.button.button-behance:hover, .button.button-behance:focus { filter: brightness(90%); }
.button.button-bluesky { color: #000000; background-color: #F3F9FF; border: 1px solid #212121; }
.button.button-bluesky:hover, .button.button-bluesky:focus { filter: brightness(90%); }
.button.button-coffee { color: #000000; background-color: #ffdd00; }
.button.button-coffee:hover, .button.button-coffee:focus { filter: brightness(90%); }
.button.button-cal { color: #FFFFFF; background-color: #292929; border: 1px solid #FFFFFF; }
.button.button-cal:hover, .button.button-cal:focus { filter: brightness(90%); }
.button.button-calendly { color: #FFFFFF; background-color: #006BFF; }
.button.button-calendly:hover, .button.button-calendly:focus { filter: brightness(90%); }
.button.button-cash-app { color: #ffffff; background-image: linear-gradient(to bottom, #00d64b, #00c244); }
.button.button-cash-app:hover, .button.button-cash-app:focus { filter: brightness(90%); }
.button.button-clubhouse { color: #1F1F1A; background-color: #F1EFE3; border: 1px solid #212121; }
.button.button-clubhouse:hover, .button.button-clubhouse:focus { filter: brightness(90%); }
.button.button-dev-to { color: #000000; background-color: #f5f5f5; border: 1px solid #212121; }
.button.button-dev-to:hover, .button.button-dev-to:focus { filter: brightness(90%); }
.button.button-discord { color: #ffffff; background-color: #5865f2; }
.button.button-discord:hover, .button.button-discord:focus { filter: brightness(90%); }
.button.button-dribbble { color: #000000; background-color: #FFFFFF; border: 1px solid #212121; }
.button.button-dribbble:hover, .button.button-dribbble:focus { filter: brightness(90%); }
.button.button-etsy { color: #ffffff; background-color: #F45800; }
.button.button-etsy:hover, .button.button-etsy:focus { filter: brightness(90%); }
.button.button-faceb { color: #ffffff; background-color: #1877f2; }
.button.button-faceb:hover, .button.button-faceb:focus { filter: brightness(90%); }
.button.button-messenger { color: #ffffff; background-image: linear-gradient(25deg, #0099ff, #5f5dff, #a033ff, #c740cc, #ff5280, #ff7061); }
.button.button-messenger:hover, .button.button-messenger:focus { filter: brightness(90%); }
.button.button-figma { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-figma:hover, .button.button-figma:focus { filter: brightness(90%); }
.button.button-fiverr { color: #ffffff; background-color: #1DBF73; }
.button.button-fiverr:hover, .button.button-fiverr:focus { filter: brightness(90%); }
.button.button-flickr { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-flickr:hover, .button.button-flickr:focus { filter: brightness(90%); }
.button.button-github { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-github:hover, .button.button-github:focus { filter: brightness(90%); }
.button.button-gitlab { color: #ffffff; background-color: #6151b2; }
.button.button-gitlab:hover, .button.button-gitlab:focus { filter: brightness(90%); }
.button.button-gofundme { color: #ffffff; background-color: #02A95C; }
.button.button-gofundme:hover, .button.button-gofundme:focus { filter: brightness(90%); }
.button.button-goodreads { color: #333333; background-color: #f3f1e6; border: 1px solid #212121; }
.button.button-goodreads:hover, .button.button-goodreads:focus { filter: brightness(90%); }
.button.button-google-black { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-google-black:hover, .button.button-google-black:focus { filter: brightness(90%); }
.button.button-playstore { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-playstore:hover, .button.button-playstore:focus { filter: brightness(90%); }
.button.button-google-podcasts { color: #000000; background-color: #FFFFFF; border: 1px solid #212121; }
.button.button-google-podcasts:hover, .button.button-google-podcasts:focus { filter: brightness(90%); }
.button.button-google-scholar { color: #000000; background-color: #FFFFFF; border: 1px solid #212121; }
.button.button-google-scholar:hover, .button.button-google-scholar:focus { filter: brightness(90%); }
.button.button-guilded { color: #000000; background-color: #F5C400; }
.button.button-guilded:hover, .button.button-guilded:focus { filter: brightness(90%); }
.button.button-hashnode { color: #000000; background-color: #ffffff; border: 1px solid #212121; }
.button.button-hashnode:hover, .button.button-hashnode:focus { filter: brightness(90%); }
.button.button-instagram { color: #ffffff; background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); }
.button.button-instagram:hover, .button.button-instagram:focus { filter: brightness(90%); }
.button.button-kick { background-color: #000000; color: #ffffff; border: 1px solid #ffffff; }
.button.button-kick:hover { filter: brightness(90%); }
.button.button-kick-alt { background-color: #01e701; color: #000; }
.button.button-kick-alt:hover { filter: brightness(90%); }
.button.button-kickstarter { color: #ffffff; background-color: #05ce78; }
.button.button-kickstarter:hover, .button.button-kickstarter:focus { filter: brightness(90%); }
.button.button-kit { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-kit:hover, .button.button-kit:focus { filter: brightness(90%); }
.button.button-ko-fi { color: #ffffff; background-color: #13C3FF; }
.button.button-ko-fi:hover, .button.button-ko-fi:focus { filter: brightness(90%); }
.button.button-last-fm { color: #ffffff; background-color: #D51007; }
.button.button-last-fm:hover, .button.button-last-fm:focus { filter: brightness(90%); }
.button.button-letterboxd { color: #ffffff; background-color: #2c3440; border: 1px solid #FFFFFF; }
.button.button-letterboxd:hover, .button.button-letterboxd:focus { filter: brightness(90%); }
.button.button-line { color: #FFFFFF; background-color: #06C755; }
.button.button-line:hover, .button.button-line:focus { filter: brightness(90%); }
.button.button-linked { color: #ffffff; background-color: #2867b2; }
.button.button-linked:hover, .button.button-linked:focus { filter: brightness(90%); }
.button.button-mailchimp { color: #000000; background-color: #FFE01B; }
.button.button-mailchimp:hover, .button.button-mailchimp:focus { filter: brightness(90%); }
.button.button-mastodon { color: #ffffff; background-color: #17063B; border: 1px solid #FFFFFF; }
.button.button-mastodon:hover, .button.button-mastodon:focus { filter: brightness(90%); }
.button.button-medium { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-medium:hover, .button.button-medium:focus { filter: brightness(90%); }
.button.button-ngl { color: #ffffff; background-image: linear-gradient(-45deg, #ff8d10, #ec1187); }
.button.button-ngl:hover, .button.button-ngl:focus { filter: brightness(90%); }
.button.button-notion { color: #000000; border: 1px solid #212121; background-color: #ffffff; }
.button.button-notion:hover, .button.button-notion:focus { filter: brightness(90%); }
.button.button-onlyfans { color: #ffffff; background-color: #00AEEF; }
.button.button-onlyfans:hover, .button.button-onlyfans:focus { filter: brightness(90%); }
.button.button-patreon { color: #ffffff; background-color: #ff424d; }
.button.button-patreon:hover, .button.button-patreon:focus { filter: brightness(90%); }
.button.button-paypal { color: #ffffff; background-color: #003087; }
.button.button-paypal:hover, .button.button-paypal:focus { filter: brightness(90%); }
.button.button-pinterest { color: #000000; background-color: #ffe2eb; border: 1px solid #212121; }
.button.button-pinterest:hover, .button.button-pinterest:focus { filter: brightness(90%); }
.button.button-post-news { color: #ffffff; background-color: #678BFF; }
.button.button-post-news:hover, .button.button-post-news:focus { filter: brightness(90%); }
.button.button-product-hunt { color: #000000; background-color: #ffffff; border: 1px solid #212121; }
.button.button-producthunt:hover, .button.button-producthunt:focus { filter: brightness(90%); }
.button.button-read-cv { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-read-cv:hover, .button.button-read-cv:focus { filter: brightness(90%); }
.button.button-redbubble { color: #e41321; background-color: #ffffff; border: 1px solid #212121; }
.button.button-redbubble:hover, .button.button-redbubble:focus { filter: brightness(90%); }
.button.button-reddit { color: #000000; background-color: #d7dfe2; border: 1px solid #212121; }
.button.button-reddit:hover, .button.button-reddit:focus { filter: brightness(90%); }
.button.button-shop { color: #ffffff; background-color: #5A31F4; }
.button.button-shop:hover, .button.button-shop:focus { filter: brightness(90%); }
.button.button-signal { color: #ffffff; background-color: #3a76f0; }
.button.button-signal:hover, .button.button-signal:focus { filter: brightness(90%); }
.button.button-skoob { color: #ffffff; background-color: #3189c8; }
.button.button-skoob:hover, .button.button-skoob:focus { filter: brightness(90%); }
.button.button-slack { color: #000000; background-color: #FFFFFF; border: 1px solid #212121; }
.button.button-slack:hover, .button.button-slack:focus { filter: brightness(90%); }
.button.button-snapchat { color: #000000; background-color: #fffc00; }
.button.button-snapchat:hover, .button.button-snapchat:focus { filter: brightness(90%); }
.button.button-soundcloud { color: #ffffff; background-color: #ff5500; }
.button.button-soundcloud:hover, .button.button-soundcloud:focus { filter: brightness(90%); }
.button.button-spotify { color: #191414; background-color: #1db954; }
.button.button-spotify:hover, .button.button-spotify:focus { filter: brightness(90%); }
.button.button-spotify-alt { color: #FFFFFF; background-color: #191414; border: 1px solid #FFFFFF; }
.button.button-spotify-alt:hover, .button.button-spotify-alt:focus { filter: brightness(90%); }
.button.button-square { color: #FFFFFF; background-color: #006AFF; }
.button.button-square:hover, .button.button-square:focus { filter: brightness(90%); }
.button.button-steam { color: #ffffff; background-image: linear-gradient(90deg, #08BBFF, #2B75FF); }
.button.button-steam:hover, .button.button-steam:focus { filter: brightness(90%); }
.button.button-strava { color: #ffffff; background-color: #fc5200; }
.button.button-strava:hover, .button.button-strava:focus { filter: brightness(90%); }
.button.button-substack { color: #ffffff; background-color: #FF6719; }
.button.button-substack:hover, .button.button-substack:focus { filter: brightness(90%); }
.button.button-telegram { color: #ffffff; background-color: #1570a8; }
.button.button-telegram:hover, .button.button-telegram:focus { filter: brightness(90%); }
.button.button-threads { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-threads:hover, .button.button-threads:focus { filter: brightness(90%); }
.button.button-threema { color: #000000; background-color: #3fe669; }
.button.button-threema:hover, .button.button-threema:focus { filter: brightness(90%); }
.button.button-tiktok { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-tiktok:hover, .button.button-tiktok:focus { filter: brightness(90%); }
.button.button-trello { color: #ffffff; background-color: #0065ff; }
.button.button-trello:hover, .button.button-trello:focus { filter: brightness(90%); }
.button.button-tumb { color: #ffffff; background-color: #131313; border: 1px solid #FFFFFF; }
.button.button-tumb:hover, .button.button-tumb:focus { filter: brightness(90%); }
.button.button-twitch { color: #ffffff; background-color: #9146ff; }
.button.button-twitch:hover, .button.button-twitch:focus { filter: brightness(90%); }
.button.button-twit { color: #ffffff; background-color: #1da1f2; }
.button.button-twit:hover, .button.button-twit:focus { filter: brightness(90%); }
.button.button-unsplash { color: #000000; background-color: #ffffff; border: 1px solid #212121; }
.button.button-unsplash:hover, .button.button-unsplash:focus { filter: brightness(90%); }
.button.button-untappd { color: #000000; background-color: #ffc000; }
.button.button-untappd:hover, .button.button-untappd:focus { filter: brightness(90%); }
.button.button-upwork { color: #FFFFFF; background-color: #14A800; }
.button.button-upwork:hover, .button.button-upwork:focus { filter: brightness(90%); }
.button.button-venmo { color: #ffffff; background-color: #008CFF; }
.button.button-venmo:hover, .button.button-venmo:focus { filter: brightness(90%); }
.button.button-vimeo { color: #ffffff; background-color: #1ab7ea; }
.button.button-vimeo:hover, .button.button-vimeo:focus { filter: brightness(90%); }
.button.button-vrchat { color: #000000; background-color: #ffffff; border: 1px solid black; }
.button.button-vrchat:hover, .button.button-vrchat:focus { filter: brightness(90%); }
.button.button-vsco { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-vsco:hover, .button.button-vsco:focus { filter: brightness(90%); }
.button.button-web { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-web:hover, .button.button-web:focus { filter: brightness(90%); }
.button.button-whatsapp { color: #ffffff; background-color: #455a64; }
.button.button-whatsapp:hover, .button.button-whatsapp:focus { filter: brightness(90%); }
.button.button-wordpress { color: #ffffff; background-color: #21759b; }
.button.button-wordpress:hover, .button.button-wordpress:focus { filter: brightness(90%); }
.button.button-x { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-x:hover, .button.button-x:focus { filter: brightness(90%); }
.button.button-xing { color: #ffffff; background-color: #026466; }
.button.button-xing:hover, .button.button-xing:focus { filter: brightness(90%); }
.button.button-yt { color: #ffffff; background-color: #000000; border: 1px solid #FFFFFF; }
.button.button-yt:hover, .button.button-yt:focus { filter: brightness(90%); }
.button.button-zoom { color: #ffffff; background-color: #0B5CFF; }
.button.button-zoom:hover, .button.button-zoom:focus { filter: brightness(90%); }

/* ============================================================
   Custom visual enhancements
   ============================================================ */

#force-field-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: #000;
  overflow: hidden;
}
#force-field-bg canvas { display: block; width: 100% !important; height: 100% !important; }

body { min-height: 100vh; background: #000; }

.container {
  position: relative;
  z-index: 1;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 40px 28px 36px;
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.avatar {
  width: 112px;
  height: 112px;
  border: 3px solid rgba(36, 87, 245, 0.55);
  box-shadow: 0 0 0 5px rgba(36, 87, 245, 0.12), 0 4px 18px rgba(36, 87, 245, 0.20);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.avatar:hover {
  transform: scale(1.06);
  box-shadow: 0 0 0 6px rgba(36, 87, 245, 0.20), 0 6px 28px rgba(36, 87, 245, 0.30);
}
@media (prefers-color-scheme: dark) {
  .avatar { border-color: rgba(72, 153, 247, 0.65); box-shadow: 0 0 0 5px rgba(72, 153, 247, 0.12), 0 4px 18px rgba(72, 153, 247, 0.25); }
  .avatar:hover { box-shadow: 0 0 0 7px rgba(72, 153, 247, 0.22), 0 6px 28px rgba(72, 153, 247, 0.38); }
}

h1 { letter-spacing: -0.5px; text-shadow: 0 2px 12px rgba(72, 153, 247, 0.25); margin-bottom: 4px; }

.container > .row > .column > p:not(.badge-wrap) {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #7AB8FF;
  background: rgba(72, 153, 247, 0.12);
  border: 1px solid rgba(72, 153, 247, 0.30);
  border-radius: 999px;
  padding: 4px 14px;
  margin-bottom: 1.8rem;
}

.button {
  border-radius: 12px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}
.button:hover {
  will-change: transform;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  filter: brightness(92%);
}
.button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14); }

.badge-wrap { margin-top: 0.5rem; margin-bottom: 0; }
.badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #2457F5;
  background: rgba(36, 87, 245, 0.09);
  border: 1px solid rgba(36, 87, 245, 0.22);
  border-radius: 999px;
  padding: 4px 14px;
}
@media (prefers-color-scheme: dark) {
  .badge { color: #7AB8FF; background: rgba(72, 153, 247, 0.12); border-color: rgba(72, 153, 247, 0.30); }
}

@media (max-width: 480px) {
  .container { border-radius: 16px; padding: 28px 16px 28px; margin-top: 3vh; }
  .button { width: 100%; max-width: 300px; }
}