* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

/* Remove blue outline when tapping links/buttons */
*:focus {
  outline: none;
}

html {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
  transition: all 0.3s ease-out;
  touch-action: manipulation; /* modern way */
}

html.light {
  background-color: white;
}

html.light .btn {
  border: 1px solid black;
  color: black;
}

html.light .sun {
  display: none;
}

html.light .moon {
  display: flex;
}

i {
  display: flex;
  width: 20px;
  height: 20px;
}

.sun {
  display: flex;
  fill: white;
  stroke: white;
  stroke-width: 4;
}

.moon {
  display: none;
  fill: black;
}

svg {
  max-width: 100%;
  max-height: 100%;
}

.btn.theme-settings {
  /* border: none !important; */
  width: 26px;
  height: 26px;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.theme-settings {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 1;
}

.coca-cola-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.coke-bottle-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 550px;
  background-color: black;
  clip-path: path('M 47.16 544.37 C 34.27 542.80 21.21 540.24 16.16 538.27 C 5.39 534.08 2.14 527.18 2.37 508.97 C 2.52 496.41 3.00 493.69 8.10 476.47 C 13.30 458.90 14.62 449.58 14.64 430.47 C 14.66 412.13 13.15 394.95 8.57 361.47 C 6.88 349.09 4.87 334.41 4.12 328.83 C 1.95 312.87 2.85 256.17 5.54 238.68 C 6.67 231.37 7.92 224.87 8.32 224.22 C 8.72 223.57 9.13 218.53 9.24 213.01 C 9.47 201.65 10.87 195.55 19.18 169.47 C 31.91 129.57 39.77 102.43 42.21 89.97 C 43.08 85.56 44.04 73.58 44.37 63.27 C 44.88 46.94 44.74 44.25 43.31 42.05 C 40.96 38.47 41.24 34.09 44.40 25.18 C 47.08 17.59 47.11 17.32 45.41 14.35 C 43.45 10.94 43.17 7.26 44.65 4.48 C 46.62 0.81 52.02 0.05 76.16 0.02 C 97.11 0.00 99.52 0.18 103.15 1.99 C 108.71 4.74 109.72 8.06 106.79 13.92 L 104.55 18.40 L 107.61 25.67 C 110.97 33.67 111.42 38.08 109.19 41.03 C 108.04 42.56 107.72 46.60 107.70 59.97 C 107.65 88.40 109.00 94.07 136.93 182.97 C 141.58 197.76 141.98 199.86 142.28 210.73 C 142.45 217.19 143.06 223.35 143.63 224.41 C 144.20 225.47 144.66 227.61 144.66 229.15 C 144.66 230.70 145.32 235.12 146.12 238.97 C 149.87 256.97 150.56 313.46 147.26 332.97 C 145.72 342.11 140.83 378.95 138.51 398.97 C 137.80 405.02 137.23 418.74 137.23 429.47 C 137.23 451.04 138.26 458.25 144.18 477.91 C 148.56 492.44 149.67 498.95 149.64 509.90 C 149.57 534.99 143.69 539.68 106.94 543.98 C 93.13 545.59 59.09 545.81 47.16 544.37 Z M 88.53 298.54 C 97.79 293.81 107.17 274.25 104.48 265.28 C 103.14 260.78 100.85 259.80 96.70 261.95 C 92.96 263.88 89.38 269.41 87.83 275.66 C 85.90 283.43 86.18 283.95 90.45 280.52 C 93.14 278.36 94.60 276.16 95.45 272.97 C 96.71 268.26 100.06 263.98 101.70 264.99 C 103.80 266.29 102.68 274.69 99.57 281.01 C 93.26 293.82 85.76 297.95 82.61 290.35 C 78.21 279.73 88.47 252.86 102.32 238.75 C 107.02 233.95 109.15 232.47 111.32 232.47 L 114.16 232.48 L 111.06 235.38 C 104.91 241.15 101.91 253.48 106.25 255.14 C 110.94 256.94 116.66 248.41 116.66 239.61 C 116.66 233.03 118.12 232.93 124.02 239.10 C 128.25 243.51 128.51 243.63 129.56 241.66 C 130.16 240.53 130.66 239.18 130.66 238.67 C 130.66 236.98 122.84 232.52 118.73 231.87 C 116.51 231.51 114.18 230.60 113.56 229.85 C 110.56 226.24 99.98 230.27 93.11 237.63 C 77.85 253.98 68.22 277.68 71.65 290.43 C 74.08 299.45 80.61 302.58 88.53 298.54 Z M 43.10 297.94 C 45.53 296.10 50.95 296.12 56.16 298.00 C 62.60 300.32 63.50 299.69 59.16 295.89 C 54.11 291.47 50.47 289.51 44.16 287.83 C 37.36 286.01 34.27 286.13 24.09 288.54 C 9.51 292.00 8.13 290.68 8.31 273.47 C 8.47 258.22 13.38 239.44 18.27 235.38 C 20.27 233.72 21.34 235.15 19.87 237.50 C 18.39 239.87 18.28 243.47 19.68 243.47 C 21.11 243.47 22.66 239.01 22.66 234.90 C 22.66 231.94 22.33 231.47 20.23 231.47 C 9.01 231.47 0.00 278.31 8.84 290.72 C 10.63 293.23 11.38 293.57 14.04 293.03 C 23.36 291.15 28.30 291.24 32.49 293.39 C 34.79 294.56 37.23 296.41 37.91 297.49 C 39.37 299.83 40.48 299.92 43.10 297.94 Z M 111.46 295.98 C 113.11 294.59 115.87 290.18 117.72 285.98 C 120.84 278.87 123.51 275.83 122.34 280.72 C 120.83 287.00 120.62 290.24 121.57 292.73 C 122.87 296.15 125.34 296.26 126.84 292.97 C 128.14 290.12 129.19 289.79 130.02 291.97 C 130.80 293.99 133.34 293.87 134.51 291.77 C 135.28 290.40 135.75 290.30 136.93 291.28 C 138.90 292.91 142.03 290.21 143.55 285.57 C 144.92 281.36 144.88 277.93 143.50 281.72 C 142.95 283.23 142.03 284.47 141.47 284.47 C 140.91 284.47 140.73 283.73 141.07 282.83 C 142.44 279.27 145.59 263.17 145.08 262.35 C 144.79 261.86 143.24 261.47 141.66 261.47 C 137.48 261.47 136.29 263.54 129.64 282.22 C 128.42 285.66 126.97 288.47 126.42 288.47 C 124.93 288.47 126.48 277.58 128.56 273.47 C 129.53 271.55 131.53 267.65 133.00 264.81 C 134.47 261.97 135.93 258.15 136.23 256.31 C 136.65 253.84 136.14 254.50 134.27 258.89 C 131.86 264.55 128.66 269.08 128.66 266.84 C 128.66 266.26 129.50 262.46 130.52 258.38 C 131.55 254.30 132.69 249.69 133.06 248.13 C 133.61 245.84 134.01 245.52 135.14 246.45 C 137.16 248.13 140.05 246.27 142.10 241.96 C 144.44 237.02 143.63 235.67 140.22 238.83 C 138.65 240.28 137.02 241.47 136.59 241.47 C 136.16 241.47 135.60 242.26 135.35 243.22 C 134.97 244.67 134.89 244.62 134.85 242.97 C 134.79 239.87 137.29 233.94 138.54 234.22 C 139.88 234.52 140.05 230.83 138.74 230.02 C 135.94 228.29 128.96 246.74 124.57 267.47 C 122.93 275.23 122.46 276.42 121.92 274.15 C 121.50 272.39 121.44 272.39 120.07 274.15 C 118.71 275.90 118.61 275.90 117.16 274.03 C 116.34 272.96 115.66 271.36 115.66 270.47 C 115.66 267.81 118.20 265.08 120.02 265.78 C 121.75 266.44 122.05 265.66 121.05 263.05 C 120.12 260.62 117.27 261.17 113.84 264.45 C 110.16 267.97 107.23 273.43 104.58 281.71 C 100.23 295.34 103.69 302.52 111.46 295.98 Z M 148.66 286.35 C 148.66 285.31 148.02 284.47 147.23 284.47 C 145.60 284.47 144.20 287.92 145.18 289.51 C 146.12 291.02 148.66 288.71 148.66 286.35 Z M 56.40 279.22 C 60.12 276.73 69.05 264.14 68.43 262.27 C 68.21 261.61 66.58 263.18 64.81 265.76 C 61.74 270.21 58.07 273.21 56.99 272.14 C 56.72 271.86 59.23 265.94 62.58 258.98 C 65.92 252.02 68.95 245.16 69.31 243.74 C 69.93 241.24 69.84 241.18 65.97 241.70 C 63.78 241.99 61.23 241.81 60.31 241.29 C 55.93 238.85 50.02 244.47 42.07 258.64 C 35.22 270.84 32.08 274.67 29.28 274.27 C 27.55 274.03 27.18 273.32 27.28 270.47 C 27.34 268.55 27.89 265.17 28.50 262.97 C 29.83 258.16 35.49 248.55 37.86 247.09 C 40.53 245.45 41.26 247.26 38.84 249.52 C 36.29 251.89 35.88 256.47 38.21 256.47 C 39.96 256.47 42.66 250.79 42.66 247.12 C 42.66 245.80 41.96 244.14 41.11 243.43 C 37.83 240.71 32.50 245.31 24.95 257.36 C 24.82 257.58 24.02 257.19 23.18 256.49 C 21.92 255.44 21.66 255.52 21.66 256.93 C 21.66 259.95 19.17 257.93 18.85 254.64 C 18.54 251.53 19.18 250.96 22.49 251.41 C 23.34 251.53 23.70 250.76 23.49 249.28 C 22.96 245.53 19.27 245.74 16.86 249.67 C 11.13 259.01 8.95 280.85 13.92 279.22 C 15.32 278.76 20.16 269.41 21.16 265.22 C 21.52 263.71 22.26 262.47 22.81 262.47 C 23.35 262.47 23.56 263.26 23.28 264.22 C 21.68 269.66 21.61 273.41 23.03 276.81 C 25.09 281.74 28.22 281.72 33.05 276.75 C 36.25 273.46 36.66 273.27 36.66 275.17 C 36.66 279.23 37.74 280.47 41.30 280.47 C 43.42 280.47 44.94 279.90 45.30 278.97 C 46.08 276.95 47.27 277.08 49.66 279.47 C 52.16 281.97 52.30 281.96 56.40 279.22 Z M 138.64 249.66 C 138.63 248.20 138.50 248.18 137.66 249.47 C 136.39 251.43 136.39 252.75 137.66 251.97 C 138.21 251.63 138.65 250.59 138.64 249.66 Z M 80.62 246.54 C 82.37 243.27 81.87 241.47 79.22 241.47 C 76.79 241.47 73.66 244.69 73.66 247.19 C 73.66 249.30 79.44 248.75 80.62 246.54 Z M 106.21 251.64 C 104.93 247.58 110.88 236.47 114.33 236.47 C 116.04 236.47 116.01 238.98 114.23 244.91 C 112.01 252.27 107.59 255.98 106.21 251.64 Z M 110.33 289.80 C 108.44 287.92 111.68 274.44 114.00 274.50 C 114.64 274.52 115.95 275.62 116.91 276.95 C 118.83 279.58 118.26 282.02 114.39 287.72 C 112.50 290.51 111.53 291.01 110.33 289.80 Z M 134.91 281.97 C 135.48 276.22 139.32 265.47 140.81 265.47 C 142.06 265.47 141.26 269.78 138.41 278.47 C 135.60 287.02 134.29 288.33 134.91 281.97 Z M 45.15 272.46 C 43.48 269.76 50.60 253.83 56.43 247.22 C 58.08 245.35 60.66 244.86 60.66 246.41 C 60.66 246.93 58.18 252.49 55.15 258.76 C 49.53 270.41 46.48 274.60 45.15 272.46 Z M 15.05 266.83 C 15.82 260.27 16.23 259.37 18.11 260.09 C 20.09 260.85 20.80 263.25 19.64 265.26 C 19.10 266.20 18.22 268.21 17.69 269.72 C 15.91 274.73 14.32 273.00 15.05 266.83 Z');
  cursor: pointer;
}

.filling-block {
  width: 150px;
  height: 550px;
  background-color: rgba(255, 0, 0, 0.78);
  /* backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px); */
  clip-path: path('M 0 525 C 75 500 75 550 150 525 L 150 550 L 0 550 Z');
  transition: clip-path 0.3s linear; /* for quick fallback */
}

/* Iconic Coca-Cola line - original */
.coca-cola-ribbon {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0%;
  height: 250px;
  width: 730px;
  scale: 0.25;
  transform-origin: top left;
  background: #e41b13;
  clip-path: path(
    "M 0 125 C 133 206 349 215 470 165 C 643 100 659 85 730 80 L 730 147 C 708 140 663 116 477 183 C 357 230 102 275 0 210 Z"
  );
  will-change: clip-path;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 34px;
  border-radius: 16px;
  border: 1px solid white;
  color: white;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease-out; 
  /* cubic-bezier(0.6, -0.28, 0.735, 0.045) */
}

.btn.just-clicked {
  transform: scale(0.95);
  background-color: rgba(255, 0, 0, 0.6);
  transition: transform 0.3s ease, background-color 0.3s ease;
}

@media screen and (min-width: 910px) {
  .btn:hover {
    border: 1px solid red;
    color: red;
  }
}

.buttons-container {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: center;
  margin: 20px 0 40px;
}
/* ---------------------------- GOOD TRASH ---------------------------------- */
/* .coca-cola-wave {
  width: 900px;
  height: 250px;
  background: #e41b13;

  clip-path: path(
    "M0,180 C250,250 350,100 500,150 C650,200 750,120 900,180 L900,250 L0,250 Z"
  );
} */

/* transition: all 0.75s cubic-bezier(0.5, -0.7, 1.0, 0.9); */

/* Align-line vertical */
/* body::after {
  position: absolute;
  left: 50%;
  content: "";
  width: 1px;
  height: 100%;
  background-color: red;
} */