.body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #161616;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5384" height="3028" viewBox="0 0 5384 3028" fill="none"><rect width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="37.4692" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="74.9385" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="112.408" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="149.877" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="187.347" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="224.816" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="262.285" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="299.754" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="337.224" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="374.693" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="412.162" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="449.632" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="487.101" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="524.57" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="562.04" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="599.509" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="636.978" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="674.447" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="711.917" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="749.386" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="786.855" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="824.325" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="861.794" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="899.263" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="936.732" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="974.202" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1011.67" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1049.14" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1086.61" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1124.08" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1161.55" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1199.02" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1236.49" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1273.96" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1311.43" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1348.9" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1386.36" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1423.83" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1461.3" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1498.77" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1536.24" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1573.71" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1611.18" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1648.65" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1686.12" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1723.59" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1761.06" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1798.53" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1836" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1873.47" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1910.94" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1948.41" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="1985.87" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2023.34" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2060.81" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2098.28" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2135.75" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2173.22" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2210.69" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2248.16" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2285.63" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2323.1" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2360.57" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2398.04" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2435.51" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2472.97" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2510.44" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2547.91" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2585.38" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2622.85" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2660.32" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2697.79" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2735.26" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2772.73" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2810.2" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2847.67" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2885.14" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2922.61" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2960.07" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="2997.54" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3035.01" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3072.48" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3109.95" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3147.42" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3184.89" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3222.36" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3259.83" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3297.3" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3334.77" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3372.24" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3409.71" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3447.18" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3484.64" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3522.11" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3559.58" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3597.05" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3634.52" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3671.99" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3709.46" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3746.93" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3784.4" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3821.87" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3859.34" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3896.81" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3934.28" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="3971.74" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4009.21" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4046.68" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4084.15" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4121.62" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4159.09" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4196.56" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4234.03" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4271.5" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4308.97" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4346.44" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4383.91" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4421.38" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4458.84" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4496.31" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4533.78" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4571.25" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4608.72" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4646.19" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4683.66" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4721.13" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4758.6" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4796.07" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4833.54" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4871.01" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4908.48" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4945.94" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="4983.41" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5020.88" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5058.35" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5095.82" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5133.29" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5170.76" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5208.23" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5245.7" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5283.17" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5320.64" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect x="5358.11" width="25" height="3028" fill="white" fill-opacity="0.01"/><rect y="25" width="25" height="5383.11" transform="rotate(-90 0 25)" fill="white" fill-opacity="0.01"/><rect y="59.5172" width="25" height="5383.11" transform="rotate(-90 0 59.5172)" fill="white" fill-opacity="0.01"/><rect y="94.0344" width="25" height="5383.11" transform="rotate(-90 0 94.0344)" fill="white" fill-opacity="0.01"/><rect y="128.552" width="25" height="5383.11" transform="rotate(-90 0 128.552)" fill="white" fill-opacity="0.01"/><rect y="163.069" width="25" height="5383.11" transform="rotate(-90 0 163.069)" fill="white" fill-opacity="0.01"/><rect y="197.586" width="25" height="5383.11" transform="rotate(-90 0 197.586)" fill="white" fill-opacity="0.01"/><rect y="232.104" width="25" height="5383.11" transform="rotate(-90 0 232.104)" fill="white" fill-opacity="0.01"/><rect y="266.621" width="25" height="5383.11" transform="rotate(-90 0 266.621)" fill="white" fill-opacity="0.01"/><rect y="301.138" width="25" height="5383.11" transform="rotate(-90 0 301.138)" fill="white" fill-opacity="0.01"/><rect y="335.655" width="25" height="5383.11" transform="rotate(-90 0 335.655)" fill="white" fill-opacity="0.01"/><rect y="370.172" width="25" height="5383.11" transform="rotate(-90 0 370.172)" fill="white" fill-opacity="0.01"/><rect y="404.69" width="25" height="5383.11" transform="rotate(-90 0 404.69)" fill="white" fill-opacity="0.01"/><rect y="439.207" width="25" height="5383.11" transform="rotate(-90 0 439.207)" fill="white" fill-opacity="0.01"/><rect y="473.724" width="25" height="5383.11" transform="rotate(-90 0 473.724)" fill="white" fill-opacity="0.01"/><rect y="508.241" width="25" height="5383.11" transform="rotate(-90 0 508.241)" fill="white" fill-opacity="0.01"/><rect y="542.759" width="25" height="5383.11" transform="rotate(-90 0 542.759)" fill="white" fill-opacity="0.01"/><rect y="577.276" width="25" height="5383.11" transform="rotate(-90 0 577.276)" fill="white" fill-opacity="0.01"/><rect y="611.793" width="25" height="5383.11" transform="rotate(-90 0 611.793)" fill="white" fill-opacity="0.01"/><rect y="646.31" width="25" height="5383.11" transform="rotate(-90 0 646.31)" fill="white" fill-opacity="0.01"/><rect y="680.828" width="25" height="5383.11" transform="rotate(-90 0 680.828)" fill="white" fill-opacity="0.01"/><rect y="715.345" width="25" height="5383.11" transform="rotate(-90 0 715.345)" fill="white" fill-opacity="0.01"/><rect y="749.862" width="25" height="5383.11" transform="rotate(-90 0 749.862)" fill="white" fill-opacity="0.01"/><rect y="784.379" width="25" height="5383.11" transform="rotate(-90 0 784.379)" fill="white" fill-opacity="0.01"/><rect y="818.896" width="25" height="5383.11" transform="rotate(-90 0 818.896)" fill="white" fill-opacity="0.01"/><rect y="853.414" width="25" height="5383.11" transform="rotate(-90 0 853.414)" fill="white" fill-opacity="0.01"/><rect y="887.931" width="25" height="5383.11" transform="rotate(-90 0 887.931)" fill="white" fill-opacity="0.01"/><rect y="922.448" width="25" height="5383.11" transform="rotate(-90 0 922.448)" fill="white" fill-opacity="0.01"/><rect y="956.965" width="25" height="5383.11" transform="rotate(-90 0 956.965)" fill="white" fill-opacity="0.01"/><rect y="991.482" width="25" height="5383.11" transform="rotate(-90 0 991.482)" fill="white" fill-opacity="0.01"/><rect y="1026" width="25" height="5383.11" transform="rotate(-90 0 1026)" fill="white" fill-opacity="0.01"/><rect y="1060.52" width="25" height="5383.11" transform="rotate(-90 0 1060.52)" fill="white" fill-opacity="0.01"/><rect y="1095.03" width="25" height="5383.11" transform="rotate(-90 0 1095.03)" fill="white" fill-opacity="0.01"/><rect y="1129.55" width="25" height="5383.11" transform="rotate(-90 0 1129.55)" fill="white" fill-opacity="0.01"/><rect y="1164.07" width="25" height="5383.11" transform="rotate(-90 0 1164.07)" fill="white" fill-opacity="0.01"/><rect y="1198.59" width="25" height="5383.11" transform="rotate(-90 0 1198.59)" fill="white" fill-opacity="0.01"/><rect y="1233.1" width="25" height="5383.11" transform="rotate(-90 0 1233.1)" fill="white" fill-opacity="0.01"/><rect y="1267.62" width="25" height="5383.11" transform="rotate(-90 0 1267.62)" fill="white" fill-opacity="0.01"/><rect y="1302.14" width="25" height="5383.11" transform="rotate(-90 0 1302.14)" fill="white" fill-opacity="0.01"/><rect y="1336.65" width="25" height="5383.11" transform="rotate(-90 0 1336.65)" fill="white" fill-opacity="0.01"/><rect y="1371.17" width="25" height="5383.11" transform="rotate(-90 0 1371.17)" fill="white" fill-opacity="0.01"/><rect y="1405.69" width="25" height="5383.11" transform="rotate(-90 0 1405.69)" fill="white" fill-opacity="0.01"/><rect y="1440.21" width="25" height="5383.11" transform="rotate(-90 0 1440.21)" fill="white" fill-opacity="0.01"/><rect y="1474.72" width="25" height="5383.11" transform="rotate(-90 0 1474.72)" fill="white" fill-opacity="0.01"/><rect y="1509.24" width="25" height="5383.11" transform="rotate(-90 0 1509.24)" fill="white" fill-opacity="0.01"/><rect y="1543.76" width="25" height="5383.11" transform="rotate(-90 0 1543.76)" fill="white" fill-opacity="0.01"/><rect y="1578.28" width="25" height="5383.11" transform="rotate(-90 0 1578.28)" fill="white" fill-opacity="0.01"/><rect y="1612.79" width="25" height="5383.11" transform="rotate(-90 0 1612.79)" fill="white" fill-opacity="0.01"/><rect y="1647.31" width="25" height="5383.11" transform="rotate(-90 0 1647.31)" fill="white" fill-opacity="0.01"/><rect y="1681.83" width="25" height="5383.11" transform="rotate(-90 0 1681.83)" fill="white" fill-opacity="0.01"/><rect y="1716.34" width="25" height="5383.11" transform="rotate(-90 0 1716.34)" fill="white" fill-opacity="0.01"/><rect y="1750.86" width="25" height="5383.11" transform="rotate(-90 0 1750.86)" fill="white" fill-opacity="0.01"/><rect y="1785.38" width="25" height="5383.11" transform="rotate(-90 0 1785.38)" fill="white" fill-opacity="0.01"/><rect y="1819.9" width="25" height="5383.11" transform="rotate(-90 0 1819.9)" fill="white" fill-opacity="0.01"/><rect y="1854.41" width="25" height="5383.11" transform="rotate(-90 0 1854.41)" fill="white" fill-opacity="0.01"/><rect y="1888.93" width="25" height="5383.11" transform="rotate(-90 0 1888.93)" fill="white" fill-opacity="0.01"/><rect y="1923.45" width="25" height="5383.11" transform="rotate(-90 0 1923.45)" fill="white" fill-opacity="0.01"/><rect y="1957.96" width="25" height="5383.11" transform="rotate(-90 0 1957.96)" fill="white" fill-opacity="0.01"/><rect y="1992.48" width="25" height="5383.11" transform="rotate(-90 0 1992.48)" fill="white" fill-opacity="0.01"/><rect y="2027" width="25" height="5383.11" transform="rotate(-90 0 2027)" fill="white" fill-opacity="0.01"/><rect y="2061.52" width="25" height="5383.11" transform="rotate(-90 0 2061.52)" fill="white" fill-opacity="0.01"/><rect y="2096.03" width="25" height="5383.11" transform="rotate(-90 0 2096.03)" fill="white" fill-opacity="0.01"/><rect y="2130.55" width="25" height="5383.11" transform="rotate(-90 0 2130.55)" fill="white" fill-opacity="0.01"/><rect y="2165.07" width="25" height="5383.11" transform="rotate(-90 0 2165.07)" fill="white" fill-opacity="0.01"/><rect y="2199.59" width="25" height="5383.11" transform="rotate(-90 0 2199.59)" fill="white" fill-opacity="0.01"/><rect y="2234.1" width="25" height="5383.11" transform="rotate(-90 0 2234.1)" fill="white" fill-opacity="0.01"/><rect y="2268.62" width="25" height="5383.11" transform="rotate(-90 0 2268.62)" fill="white" fill-opacity="0.01"/><rect y="2303.14" width="25" height="5383.11" transform="rotate(-90 0 2303.14)" fill="white" fill-opacity="0.01"/><rect y="2337.65" width="25" height="5383.11" transform="rotate(-90 0 2337.65)" fill="white" fill-opacity="0.01"/><rect y="2372.17" width="25" height="5383.11" transform="rotate(-90 0 2372.17)" fill="white" fill-opacity="0.01"/><rect y="2406.69" width="25" height="5383.11" transform="rotate(-90 0 2406.69)" fill="white" fill-opacity="0.01"/><rect y="2441.21" width="25" height="5383.11" transform="rotate(-90 0 2441.21)" fill="white" fill-opacity="0.01"/><rect y="2475.72" width="25" height="5383.11" transform="rotate(-90 0 2475.72)" fill="white" fill-opacity="0.01"/><rect y="2510.24" width="25" height="5383.11" transform="rotate(-90 0 2510.24)" fill="white" fill-opacity="0.01"/><rect y="2544.76" width="25" height="5383.11" transform="rotate(-90 0 2544.76)" fill="white" fill-opacity="0.01"/><rect y="2579.28" width="25" height="5383.11" transform="rotate(-90 0 2579.28)" fill="white" fill-opacity="0.01"/><rect y="2613.79" width="25" height="5383.11" transform="rotate(-90 0 2613.79)" fill="white" fill-opacity="0.01"/><rect y="2648.31" width="25" height="5383.11" transform="rotate(-90 0 2648.31)" fill="white" fill-opacity="0.01"/><rect y="2682.83" width="25" height="5383.11" transform="rotate(-90 0 2682.83)" fill="white" fill-opacity="0.01"/><rect y="2717.35" width="25" height="5383.11" transform="rotate(-90 0 2717.35)" fill="white" fill-opacity="0.01"/><rect y="2751.86" width="25" height="5383.11" transform="rotate(-90 0 2751.86)" fill="white" fill-opacity="0.01"/><rect y="2786.38" width="25" height="5383.11" transform="rotate(-90 0 2786.38)" fill="white" fill-opacity="0.01"/><rect y="2820.9" width="25" height="5383.11" transform="rotate(-90 0 2820.9)" fill="white" fill-opacity="0.01"/><rect y="2855.41" width="25" height="5383.11" transform="rotate(-90 0 2855.41)" fill="white" fill-opacity="0.01"/><rect y="2889.93" width="25" height="5383.11" transform="rotate(-90 0 2889.93)" fill="white" fill-opacity="0.01"/><rect y="2924.45" width="25" height="5383.11" transform="rotate(-90 0 2924.45)" fill="white" fill-opacity="0.01"/><rect y="2958.97" width="25" height="5383.11" transform="rotate(-90 0 2958.97)" fill="white" fill-opacity="0.01"/><rect y="2993.48" width="25" height="5383.11" transform="rotate(-90 0 2993.48)" fill="white" fill-opacity="0.01"/><rect y="3028" width="25" height="5383.11" transform="rotate(-90 0 3028)" fill="white" fill-opacity="0.01"/></svg>');
}

.top {
  font-size: 0;
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: white;
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
}

.top .text-moe {
  color: rgba(255, 255, 255, 0.25);
  font-size: 96px;
  font-weight: 900;
}



span.text-kaneryu {
  transform: width 0.5s ease-in-out;
  font-size: 96px;
  font-weight: 900;
}

span.letter.visible {
  opacity: 1;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.contact {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: row;

  opacity: 0;
  transition: opacity 0.5s ease-in-out, bottom 0.6s ease-in-out;
  bottom: -40px;
  
}

.contact.visible {
  opacity: 1;
  transition: opacity 0.5s ease-in-out, bottom 0.6s ease-in-out;
  bottom: 0;
}

.contactwrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: row;
  bottom: 0;
  width: 100%;
}

.chint {
  /* position: absolute; */
  font-size: 20px;
  font-style: normal;

}

.clickhint {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.clickhint.visible {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.contact .contactItem {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
}

.topbgvideo iframe {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
  border: 0;
  margin: 0;

  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.circle {
  --circle-size: 40px;
  position: fixed;
  height: var(--circle-size);
  width: var(--circle-size);
  border: 1px solid white;
  border-radius: 100%;
  top: calc(var(--circle-size) / 2 * -1);
  left: calc(var(--circle-size) / 2 * -1);
  pointer-events: none;

  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease-in-out;

  backdrop-filter: blur(10px);
}

.circle.click { 
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.2s ease-in-out;
}