@font-face {
  font-family: 'LinkinShop';
  src: url('linkinshop.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.linkin-logo {
  font-family: 'LinkinShop', sans-serif;
  font-size: 6rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  padding: 2rem 0 !important;
  user-select: none;
  color: transparent;

  background: linear-gradient(145deg, #5aa9d4 0%, #1c5984 70%);
  -webkit-background-clip: text;
  background-clip: text;

  text-shadow:
    1px 1px 1px rgba(255, 255, 255, 0.7),
    -3px -3px 4px rgba(28, 89, 132, 0.9),
    3px 3px 4px rgba(0, 0, 0, 0.6);

  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;


  margin-bottom: -1.7rem; 
}

.linkin-logo a {
  text-decoration: none;
  color: inherit;
  pointer-events: auto;
}