.my-sports-nav-bar {
  padding: 16px 32px;
  width: 1920px;
  height: 102px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-title-container {
  position: relative;
  width: 228px;
  height: 70px;
}

.my-sports-nav-bar .my-title-container .my-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 70px;
}

.my-sports-nav-bar .my-title-container .my-title.stroke {
  color: transparent;
  -webkit-text-stroke: 10px #310102;
  z-index: 1;
}

.my-sports-nav-bar .my-title-container .my-title.fill {
  background-color: #ffffff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 2;
}

.my-sports-nav-bar .my-tabs-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.my-sports-nav-bar .my-tabs-container button {
  min-width: fit-content;
}

@media (max-width: 1200px) {
  .my-sports-nav-bar {
    width: 1080px;
    height: 102px;
  }

  .my-sports-nav-bar .my-title-container .my-title {
    font-size: 60px;
  }

  .my-sports-nav-bar .my-title-container .my-title.stroke {
    color: transparent;
    -webkit-text-stroke: 10px #310102;
    z-index: 1;
  }

  .my-sports-nav-bar .my-tabs-container {
    gap: 16px;
  }

  .my-sports-nav-bar .my-logout-btn {
    margin-left: 26px;
  }
}