* {
  margin: 0px;
  padding: 0px;
}

html {
  width: 100%;
  height: 100%;
}

main {
  flex: 1;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wavy-bg {
  height: 1100px;
  background: linear-gradient(to top, #ffffff, #ffffffd1),
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2560' height='1100' preserveAspectRatio='none' viewBox='0 0 2560 1100'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1013%26quot%3b)' fill='none'%3e%3cpath d='M779.85 0C831.19 75.3 795.17 155.1 737.5 275C680.24 394.04 654.49 390.64 550 477.87C489.77 528.14 408.06 497.23 408.06 550C408.06 628.95 461.11 735.6 550 741.3C669.58 748.97 690.38 662.58 825 576.74C840.38 566.93 845.11 567.36 850 550C887.58 416.49 874.53 411.09 909.93 275C946.06 136.09 923.8 100.2 993.06 0C1018.84 -37.3 1046.53 0 1100 0C1237.5 0 1237.5 0 1375 0C1512.5 0 1512.5 0 1650 0C1787.5 0 1787.5 0 1925 0C2062.5 0 2062.5 0 2200 0C2296.25 0 2305.17 -23.39 2392.5 0C2442.67 13.44 2437.82 32.89 2475 73.66C2563.21 170.39 2563.27 171.2 2643.28 275C2700.77 349.58 2717.35 346.29 2750 430.43C2770.71 483.79 2750 490.22 2750 550C2750 644.83 2764.91 648.52 2750 739.66C2742.41 786.02 2705 781.33 2705 825C2705 877.8 2740.76 876.14 2750 932.61C2763.26 1013.64 2802.03 1068.33 2750 1100C2664.53 1152.03 2612.5 1100 2475 1100C2337.5 1100 2337.5 1100 2200 1100C2062.5 1100 2062.5 1100 1925 1100C1828.13 1100 1809.28 1134.98 1731.25 1100C1671.78 1073.34 1711.37 988.11 1650 976.72C1533.25 955.04 1494.54 1070.06 1375 1033.86C1244.02 994.2 1262.43 928.94 1148.97 825C1124.93 802.97 1124.13 781.93 1100 781.93C1076.73 781.93 1061.79 795.61 1054.17 825C1020.54 954.65 1085.15 1018.82 1017.5 1100C970.56 1156.32 921.25 1100 825 1100C687.5 1100 687.5 1100 550 1100C412.5 1100 412.5 1100 275 1100C137.5 1100 68.75 1168.75 0 1100C-68.75 1031.25 0 962.5 0 825C0 687.5 0 687.5 0 550C0 412.5 0 412.5 0 275C0 137.5 -68.75 68.75 0 0C68.75 -68.75 137.5 0 275 0C412.5 0 412.5 0 550 0C664.92 0 737.44 -62.2 779.85 0' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1925 197.28C1885.27 197.28 1851.29 227.35 1851.29 275C1851.29 389.48 1882.45 521.55 1925 521.55C1968.96 521.55 2024.31 384.96 2024.31 275C2024.31 222.83 1971.78 197.28 1925 197.28' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2200 479.03C2096.46 479.03 2078.66 505.01 1968.42 550C1941.16 561.12 1941.63 566.54 1925 591.25C1849.09 704.04 1783.33 723.36 1783.33 825C1783.33 888.93 1858.38 922.4 1925 922.4C1978.95 922.4 1975.41 874.37 2024.47 825C2112.91 736 2121.29 741.87 2200 645.65C2233.77 604.37 2249.44 596.2 2249.44 550C2249.44 512.89 2236.97 479.03 2200 479.03' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 96.25C13.69 41.5 18.64 17.54 68.75 0C156.14 -30.58 171.88 0 275 0C412.5 0 412.5 0 550 0C613.62 0 664.17 -43.12 677.24 0C705.84 94.38 677.48 148.28 633.33 275C613.86 330.86 602.78 336.57 550 365.16C423.61 433.63 411.84 415.47 275 469.12C176.12 507.89 168.85 497.65 78.57 550C31.35 577.38 23.01 628.57 0 628.57C-16.27 628.57 0 589.29 0 550C0 412.5 0 412.5 0 275C0 185.63 -20.69 179 0 96.25' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1011.03 275C1041.7 193.64 1046.75 192.59 1100 123.75C1153.11 55.09 1149.99 33.19 1223.75 0C1287.49 -28.68 1299.38 0 1375 0C1445.35 0 1451.27 -20.19 1515.7 0C1588.77 22.9 1586.65 86.19 1650 86.19C1700.38 86.19 1686.63 17.71 1743.15 0C1824.13 -25.38 1834.07 0 1925 0C2062.5 0 2062.5 0 2200 0C2227.5 0 2233.39 -15.44 2255 0C2370.89 82.78 2368.98 94.37 2475 196.43C2511.81 231.87 2511.22 233.19 2540.67 275C2635.75 409.97 2713.92 408.19 2724.06 550C2733.58 683.19 2598.7 681.47 2580 825C2562.88 956.47 2684.75 1015.33 2652.42 1100C2632.25 1152.83 2563.71 1100 2475 1100C2337.5 1100 2337.5 1100 2200 1100C2062.5 1100 2062.5 1100 1925 1100C1906.25 1100 1887.5 1107.29 1887.5 1100C1887.5 1090.11 1906.75 1083.35 1925 1065.63C2048.37 945.85 2048.15 945.59 2170.74 825C2185.65 810.33 2189.74 813.21 2200 795.11C2267.71 675.71 2326.69 668.39 2326.69 550C2326.69 454.91 2266.54 456.59 2200 368.15C2163.09 319.09 2165.44 315.77 2119.79 275C2027.94 192.97 2016.75 122.55 1925 122.55C1847.06 122.55 1845.05 192.7 1780.41 275C1707.55 367.76 1743.73 429.92 1650 472.66C1541.03 522.34 1499.08 433.16 1375 459.84C1319.27 471.83 1290.38 503.83 1290.38 550C1290.38 598.91 1326.67 606.19 1375 650C1478.35 743.69 1593.75 746.63 1593.75 825C1593.75 895.05 1477.1 946.84 1375 946.84C1301.8 946.84 1309.84 885.08 1243.15 825C1172.34 761.21 1170.54 699.1 1100 699.1C1031.98 699.1 1001.92 745.37 966.03 825C911.57 945.82 971.99 997.24 919.29 1100C901.48 1134.74 872.14 1100 825 1100C727.94 1100 670.12 1156.89 630.88 1100C575.29 1019.39 583.86 938.44 635.34 825C680.92 724.55 734.92 753.72 825 672.22C886.89 616.22 904.82 623.6 939.29 550C997.84 424.99 961.35 406.77 1011.03 275' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M46.81 1100C46.81 1051.87 161.78 927.02 275 927.02C385.31 927.02 493.88 1051.53 493.88 1100C493.88 1138.02 384.44 1100 275 1100C160.9 1100 46.81 1138.36 46.81 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 268.13C65.48 268.13 137.5 270.16 137.5 275C137.5 279.85 63.04 287.5 0 287.5C-5.71 287.5 0 281.25 0 275C0 271.57 -3.27 268.13 0 268.13' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M275 259.72C189.05 223.75 191.52 99.43 191.52 0C191.52 -30.43 233.26 0 275 0C412.5 0 412.5 0 550 0C562.32 0 574.63 -10.46 574.63 0C574.63 64.54 600.82 105.95 550 150C451.01 235.81 368.29 298.75 275 259.72' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1143.42 275C1143.42 187.76 1245.1 65.52 1375 43.42C1498.39 22.43 1524.87 102.19 1650 188.81C1692.14 217.98 1709.54 231.59 1709.54 275C1709.54 319.8 1697.13 355.07 1650 365.23C1529.86 391.13 1509.72 371.13 1375 347.13C1256.43 326.01 1143.42 339.61 1143.42 275' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1925 47.83C1886.29 47.83 1854.03 13.07 1854.03 0C1854.03 -10.84 1889.51 0 1925 0C1995.97 0 2066.94 -11.64 2066.94 0C2066.94 12.28 1992.75 47.83 1925 47.83' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1028.57 550C1028.57 440.18 1061.3 310.87 1100 310.87C1139.33 310.87 1184.62 442.75 1184.62 550C1184.62 595.45 1140.92 616.27 1100 616.27C1062.9 616.27 1028.57 592.88 1028.57 550' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2403.93 550C2403.93 450.27 2429.65 352.34 2475 352.34C2524.85 352.34 2594.34 449.02 2594.34 550C2594.34 664.98 2524.3 784.26 2475 784.26C2429.09 784.26 2403.93 666.23 2403.93 550' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M753.88 825C753.88 784.9 791.55 767.71 825 767.71C853.55 767.71 877.88 788.99 877.88 825C877.88 946.54 855.75 1082.81 825 1082.81C793.75 1082.81 753.88 942.45 753.88 825' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1337.33 825C1337.33 801.69 1353.02 775 1375 775C1403.1 775 1437.5 802.61 1437.5 825C1437.5 845.01 1404.17 859.81 1375 859.81C1354.09 859.81 1337.33 844.1 1337.33 825' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M193.09 1100C193.09 1082.72 234.36 1037.9 275 1037.9C314.6 1037.9 353.57 1082.6 353.57 1100C353.57 1113.65 314.28 1100 275 1100C234.05 1100 193.09 1113.77 193.09 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2111.61 1100C2111.61 1075.18 2148.96 1014.66 2200 1014.66C2281.55 1014.66 2376.79 1077.55 2376.79 1100C2376.79 1120.22 2288.4 1100 2200 1100C2155.81 1100 2111.61 1117.85 2111.61 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1013'%3e%3crect width='2560' height='1100' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e")
      no-repeat center center;
  background-size: 100% 130%;
}

.section-element {
  margin-left: auto;
  margin-right: auto;
}

.page-layout {
  width: 60%;
  display: flex;
  justify-content: center;
}

.artistname i {
  color: #4db5f2;
  transform: scale(0.5);
}

.banner {
  width: 100%;
  /*! position: absolute; */
  max-width: 1538px;
  /*! display: flex; */
}

.banner img {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 20px 80px #0000006e;
  z-index: -1;
}

.artistname {
  color: #e1e1e1;
  position: absolute;
  margin-left: 3rem;
  font-size: 3rem;
  font-family: "StretchedBold";
  display: flex;
  gap: 10px;
  align-items: center;
  transform: translateY(-85px);
}

.site-header {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  width: 1536px;
}

.search-area > h1 {
  font-family: "Stretchedbold";
  text-shadow: 0px 0px 30px #0009;
}

.search-area {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 30%;
}

.site-header-right {
  width: 80%;
  display: flex;
  gap: 25px;
  justify-content: end;
}

.inputfield {
  width: 100%;
  display: flex;
  gap: 5px;
  height: 40px;
}

.search-area {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 750px;
}

.artist-card {
  padding: 30px;
  padding-bottom: 45px;
  padding-bottom: 45px;
  padding-bottom: 45px;
  padding-bottom: 45px;
  padding-bottom: 45px;
  width: 300px;
  border-radius: 9px;
  box-shadow: 0px 10px 30px #0000001a;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "SemiBold";
  height: 400px;
  padding-bottom: 0px;
  text-align: center;
  /*! background: linear-gradient(to bottom, rgba(255, 255, 255, 0.68), rgb(255, 255, 255)), url('../images/bg.png'); */
  /*! background: linear-gradient(to top, #fff, #ffffffd1), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2560' height='1100' preserveAspectRatio='none' viewBox='0 0 2560 1100'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1013%26quot%3b)' fill='none'%3e%3cpath d='M779.85 0C831.19 75.3 795.17 155.1 737.5 275C680.24 394.04 654.49 390.64 550 477.87C489.77 528.14 408.06 497.23 408.06 550C408.06 628.95 461.11 735.6 550 741.3C669.58 748.97 690.38 662.58 825 576.74C840.38 566.93 845.11 567.36 850 550C887.58 416.49 874.53 411.09 909.93 275C946.06 136.09 923.8 100.2 993.06 0C1018.84 -37.3 1046.53 0 1100 0C1237.5 0 1237.5 0 1375 0C1512.5 0 1512.5 0 1650 0C1787.5 0 1787.5 0 1925 0C2062.5 0 2062.5 0 2200 0C2296.25 0 2305.17 -23.39 2392.5 0C2442.67 13.44 2437.82 32.89 2475 73.66C2563.21 170.39 2563.27 171.2 2643.28 275C2700.77 349.58 2717.35 346.29 2750 430.43C2770.71 483.79 2750 490.22 2750 550C2750 644.83 2764.91 648.52 2750 739.66C2742.41 786.02 2705 781.33 2705 825C2705 877.8 2740.76 876.14 2750 932.61C2763.26 1013.64 2802.03 1068.33 2750 1100C2664.53 1152.03 2612.5 1100 2475 1100C2337.5 1100 2337.5 1100 2200 1100C2062.5 1100 2062.5 1100 1925 1100C1828.13 1100 1809.28 1134.98 1731.25 1100C1671.78 1073.34 1711.37 988.11 1650 976.72C1533.25 955.04 1494.54 1070.06 1375 1033.86C1244.02 994.2 1262.43 928.94 1148.97 825C1124.93 802.97 1124.13 781.93 1100 781.93C1076.73 781.93 1061.79 795.61 1054.17 825C1020.54 954.65 1085.15 1018.82 1017.5 1100C970.56 1156.32 921.25 1100 825 1100C687.5 1100 687.5 1100 550 1100C412.5 1100 412.5 1100 275 1100C137.5 1100 68.75 1168.75 0 1100C-68.75 1031.25 0 962.5 0 825C0 687.5 0 687.5 0 550C0 412.5 0 412.5 0 275C0 137.5 -68.75 68.75 0 0C68.75 -68.75 137.5 0 275 0C412.5 0 412.5 0 550 0C664.92 0 737.44 -62.2 779.85 0' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1925 197.28C1885.27 197.28 1851.29 227.35 1851.29 275C1851.29 389.48 1882.45 521.55 1925 521.55C1968.96 521.55 2024.31 384.96 2024.31 275C2024.31 222.83 1971.78 197.28 1925 197.28' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2200 479.03C2096.46 479.03 2078.66 505.01 1968.42 550C1941.16 561.12 1941.63 566.54 1925 591.25C1849.09 704.04 1783.33 723.36 1783.33 825C1783.33 888.93 1858.38 922.4 1925 922.4C1978.95 922.4 1975.41 874.37 2024.47 825C2112.91 736 2121.29 741.87 2200 645.65C2233.77 604.37 2249.44 596.2 2249.44 550C2249.44 512.89 2236.97 479.03 2200 479.03' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 96.25C13.69 41.5 18.64 17.54 68.75 0C156.14 -30.58 171.88 0 275 0C412.5 0 412.5 0 550 0C613.62 0 664.17 -43.12 677.24 0C705.84 94.38 677.48 148.28 633.33 275C613.86 330.86 602.78 336.57 550 365.16C423.61 433.63 411.84 415.47 275 469.12C176.12 507.89 168.85 497.65 78.57 550C31.35 577.38 23.01 628.57 0 628.57C-16.27 628.57 0 589.29 0 550C0 412.5 0 412.5 0 275C0 185.63 -20.69 179 0 96.25' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1011.03 275C1041.7 193.64 1046.75 192.59 1100 123.75C1153.11 55.09 1149.99 33.19 1223.75 0C1287.49 -28.68 1299.38 0 1375 0C1445.35 0 1451.27 -20.19 1515.7 0C1588.77 22.9 1586.65 86.19 1650 86.19C1700.38 86.19 1686.63 17.71 1743.15 0C1824.13 -25.38 1834.07 0 1925 0C2062.5 0 2062.5 0 2200 0C2227.5 0 2233.39 -15.44 2255 0C2370.89 82.78 2368.98 94.37 2475 196.43C2511.81 231.87 2511.22 233.19 2540.67 275C2635.75 409.97 2713.92 408.19 2724.06 550C2733.58 683.19 2598.7 681.47 2580 825C2562.88 956.47 2684.75 1015.33 2652.42 1100C2632.25 1152.83 2563.71 1100 2475 1100C2337.5 1100 2337.5 1100 2200 1100C2062.5 1100 2062.5 1100 1925 1100C1906.25 1100 1887.5 1107.29 1887.5 1100C1887.5 1090.11 1906.75 1083.35 1925 1065.63C2048.37 945.85 2048.15 945.59 2170.74 825C2185.65 810.33 2189.74 813.21 2200 795.11C2267.71 675.71 2326.69 668.39 2326.69 550C2326.69 454.91 2266.54 456.59 2200 368.15C2163.09 319.09 2165.44 315.77 2119.79 275C2027.94 192.97 2016.75 122.55 1925 122.55C1847.06 122.55 1845.05 192.7 1780.41 275C1707.55 367.76 1743.73 429.92 1650 472.66C1541.03 522.34 1499.08 433.16 1375 459.84C1319.27 471.83 1290.38 503.83 1290.38 550C1290.38 598.91 1326.67 606.19 1375 650C1478.35 743.69 1593.75 746.63 1593.75 825C1593.75 895.05 1477.1 946.84 1375 946.84C1301.8 946.84 1309.84 885.08 1243.15 825C1172.34 761.21 1170.54 699.1 1100 699.1C1031.98 699.1 1001.92 745.37 966.03 825C911.57 945.82 971.99 997.24 919.29 1100C901.48 1134.74 872.14 1100 825 1100C727.94 1100 670.12 1156.89 630.88 1100C575.29 1019.39 583.86 938.44 635.34 825C680.92 724.55 734.92 753.72 825 672.22C886.89 616.22 904.82 623.6 939.29 550C997.84 424.99 961.35 406.77 1011.03 275' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M46.81 1100C46.81 1051.87 161.78 927.02 275 927.02C385.31 927.02 493.88 1051.53 493.88 1100C493.88 1138.02 384.44 1100 275 1100C160.9 1100 46.81 1138.36 46.81 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 268.13C65.48 268.13 137.5 270.16 137.5 275C137.5 279.85 63.04 287.5 0 287.5C-5.71 287.5 0 281.25 0 275C0 271.57 -3.27 268.13 0 268.13' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M275 259.72C189.05 223.75 191.52 99.43 191.52 0C191.52 -30.43 233.26 0 275 0C412.5 0 412.5 0 550 0C562.32 0 574.63 -10.46 574.63 0C574.63 64.54 600.82 105.95 550 150C451.01 235.81 368.29 298.75 275 259.72' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1143.42 275C1143.42 187.76 1245.1 65.52 1375 43.42C1498.39 22.43 1524.87 102.19 1650 188.81C1692.14 217.98 1709.54 231.59 1709.54 275C1709.54 319.8 1697.13 355.07 1650 365.23C1529.86 391.13 1509.72 371.13 1375 347.13C1256.43 326.01 1143.42 339.61 1143.42 275' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1925 47.83C1886.29 47.83 1854.03 13.07 1854.03 0C1854.03 -10.84 1889.51 0 1925 0C1995.97 0 2066.94 -11.64 2066.94 0C2066.94 12.28 1992.75 47.83 1925 47.83' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1028.57 550C1028.57 440.18 1061.3 310.87 1100 310.87C1139.33 310.87 1184.62 442.75 1184.62 550C1184.62 595.45 1140.92 616.27 1100 616.27C1062.9 616.27 1028.57 592.88 1028.57 550' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2403.93 550C2403.93 450.27 2429.65 352.34 2475 352.34C2524.85 352.34 2594.34 449.02 2594.34 550C2594.34 664.98 2524.3 784.26 2475 784.26C2429.09 784.26 2403.93 666.23 2403.93 550' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M753.88 825C753.88 784.9 791.55 767.71 825 767.71C853.55 767.71 877.88 788.99 877.88 825C877.88 946.54 855.75 1082.81 825 1082.81C793.75 1082.81 753.88 942.45 753.88 825' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1337.33 825C1337.33 801.69 1353.02 775 1375 775C1403.1 775 1437.5 802.61 1437.5 825C1437.5 845.01 1404.17 859.81 1375 859.81C1354.09 859.81 1337.33 844.1 1337.33 825' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M193.09 1100C193.09 1082.72 234.36 1037.9 275 1037.9C314.6 1037.9 353.57 1082.6 353.57 1100C353.57 1113.65 314.28 1100 275 1100C234.05 1100 193.09 1113.77 193.09 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2111.61 1100C2111.61 1075.18 2148.96 1014.66 2200 1014.66C2281.55 1014.66 2376.79 1077.55 2376.79 1100C2376.79 1120.22 2288.4 1100 2200 1100C2155.81 1100 2111.61 1117.85 2111.61 1100' stroke='rgba(0%2c 0%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1013'%3e%3crect width='2560' height='1100' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") no-repeat center center; */
  /*! background-color: linear-gradient(#e66465, #9198e5); */
  color: #444;
  font-family: "Space Grotesk";
  background: linear-gradient(#fff, #d9d9d9);
  /*! border: 1px solid #a22828ab; */
  border: 1px solid #e4e4e4;
  transition: 0.4s;
  max-width: 300px;
}

.artist-information > h1 {
  /*! font-size: 2rem; */
  /*! font-family: 'Poppins'; */
  font-family: "Poppins";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(1rem, 5vw, 2rem);
}

.artist-socialmedia {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 20px;
  /*! height: 46px; */
  align-items: center;
  /*! background-color: #eee; */
  border-radius: 18px;
  /*! width: 70%; */
  padding-left: 25px;
  padding-right: 25px;
  /*! color: black; */
  box-shadow: 0px 00px 70px #ffffff94;
  /*! width: fit-content; */
  flex-wrap: wrap;
  /*! height: max-content; */
  padding: 15px;
  border: 1px solid #d5d5d5;
  padding-left: 20px;
  padding-right: 20px;
}

.artist-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
}

.artist-socialmedia i {
  transform: scale(1.4);
  color: white;
}

.fa-brands {
  transition: 0.2s;
}

.artist-information > h1,
p {
  cursor: pointer;
  transition: 0.2s;
}

.artist-information > h1:hover {
  cursor: pointer;
  color: #333;
}

.artist-information > p:hover {
  cursor: pointer;
  color: #333;
}

.artist-card img {
  width: 80%;
  border-radius: 50%;
  box-shadow: 0px 20px 50px #fff;
  transition: 0.3s;
  transform: translateY(-100px);
  margin-bottom: -90px;
  filter: grayscale(0);
  border: 2px solid white;
}

.artists-area {
  display: flex;
  gap: 50px;
  margin-top: 7rem;
  flex-wrap: wrap;
  min-height: 100%;
  justify-content: center;
}

.artist-card > h1 {
  margin-bottom: -20px;
  word-wrap: anywhere;
  text-align: center;
}

.artist-card > button {
  margin-top: 20px;
  width: 100%;
  box-shadow: 0px 0px 0px #0000;
  align-self: flex-end;
}

.button-primary {
  color: white;
  background-color: black;
  border: 1px solid black;
}

.button-secondary {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border: 1px solid #cacaca;
}

.button:hover {
  transform: translateY(-2px);
}

#artistsearch:focus {
  transform: scale(0.99);
}

.page-banner {
  margin-top: 2rem;
}

.inputfield input {
  height: 100%;
  width: 100%;
  border: none;
  background-color: #fff;
  border-radius: 25px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "SemiBold";
  border: 1px solid #d5d5d5;
  box-shadow: 0px 10px 30px #00000012;
  outline: none;
  transition: 0.2s;
  z-index: 2;
}

.links-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
  margin-top: 10px;
}

.grid-item > img {
  width: 100%;
  position: absolute;
  z-index: -1;
  border-radius: 15px;
  box-shadow: 0px 20px 100px #00000036;
  height: 150px;
}

.tunetact-image {
  opacity: 0.5;
}

.background-svg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  z-index: -1;
}

.grid-item-logo {
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: "SemiBold";
  font-size: 3rem;
  color: #000;
  gap: 15px;
}

.grid-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 150px;
  transition: 0.2s;
  z-index: 0;
  cursor: pointer;
  background-color: white;
  box-shadow: 0px 0px 30px #0000002e;
  border-radius: 15px;
}

.grid-item:hover {
  transform: scale(0.99);
}

.grid-item-logo p {
  height: 72px;
}

.grid-tunetact-logo img {
  height: 35px;
}

.item0 {
  grid-area: 1 / 1 / 1 / 5;
  background-color: white;
  border-radius: 15px;
}

.item1 {
  grid-area: 2 / 1 / 2 / 3;
}

.item2 {
  grid-area: 2 / 3 / 2 / 5;
}

.item3 {
  grid-area: 3 / 1 / 3 / 3;
}

.item4 {
  grid-area: 3 / 3 / 3 / 5;
}

.item5 {
  grid-area: 4 / 1 / 4 / 3;
}

.item6 {
  grid-area: 4 / 3 / 4 / 5;
}

.item7 {
  grid-area: 5 / 1 / 5 / 3;
}

.item8 {
  grid-area: 5 / 3 / 5 / 5;
}

.item9 {
  grid-area: 6 / 1 / 6 / 3;
}

.item10 {
  grid-area: 6 / 3 / 6 / 5;
}

.button-search {
  min-width: 40px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #d5d5d5;
  box-shadow: 0px 10px 30px #00000012;
  cursor: pointer;
  transition: 0.2s;
}

.footer {
  background-color: #000;
  color: #fff;
  padding: 2rem 0;
  font-family: "Space Grotesk", sans-serif;
  margin-top: 2rem;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.footer-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.footer-nav-column {
  margin-bottom: 1rem;
}

.footer-nav-column h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #fff;
  font-weight: bold;
}

.footer-nav-column ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-nav-column ul li {
  margin-bottom: 0.25rem;
}

.footer-nav-column ul li a {
  color: #ccc;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.footer-nav-column ul li a:hover {
  color: #fff;
}

.footer-social {
  text-align: center;
  margin-bottom: 1rem;
}

.footer-social a {
  color: #fff;
  font-size: 1.2rem;
  margin: 0 0.5rem;
  text-decoration: none;
}

.footer-social a:hover {
  opacity: 0.8;
}

.footer-copyright {
  text-align: center;
  font-size: 0.8rem;
  color: #999;
}

.footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}

.footer-logo img {
  width: 125px;
}

.artist-socialmedia i {
  color: #666;
}

.button {
  padding: 20px;
  /*! padding-top: 20px; */
  /*! padding-bottom: 20px; */
  text-decoration: none;
  /*! font-family: 'Bold'; */
  padding-top: 7px;
  padding-bottom: 9px;
  /*! box-shadow: 0px 20px 50px #0000001c; */
  transition: 0.25s;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  border-radius: 50px;
  min-width: 120px;
  text-align: center;
  box-shadow: 0px 10px 30px #00000038;
  outline: none;
  font-family: "Poppins";
  font-weight: 500;
  line-height: 23px;
}

.site-header-left {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: auto;
  width: 20%;
}

.site-header-logo img {
  height: 20px;
}

.site-header-logo {
  background-color: white;
}

.header {
  margin-top: 520px;
  min-width: calc(1400px - 150px);
  display: flex;
  gap: 30px;
}

.header h1 {
  font-family: "StretchedBold";
  color: white;
  text-shadow: 0px 0px 30px black;
  font-size: 3rem;
}

@media (min-width: 1536px) {
  .section-element {
    max-width: 1536px;
  }
}

/* Added CSS for hover opacity effect on social media links */
.links-grid a.grid-item {
  transition: opacity 0.2s ease-in-out; /* Smooth transition */
  opacity: 1; /* Default opacity */
}

.links-grid a.grid-item:hover {
  opacity: 0.7; /* Opacity on hover */
}