@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Shrikhand&display=swap');

body {
    background-image: 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='https://svgjs.com/svgjs' opacity='0.6' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1289%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%23SvgjsLinearGradient1290)'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='0' y='720'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='720' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='720' y='720'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='1440' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1297' x='1440' y='720'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1289'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='10.94%25' y1='-19.44%25' x2='89.06%25' y2='119.44%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1290'%3e%3cstop stop-color='rgba(0%2c 73%2c 158%2c 1)' offset='0.65'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 73%2c 158%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1295'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1294'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1293'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1296'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1292'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1291'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1297'%3e%3cuse xlink:href='%23SvgjsPath1291' x='30' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='30' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='30' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='30' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='30' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='30' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='30' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='30' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='30' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='30' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='30' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='30' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='90' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='90' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='90' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='90' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='90' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='90' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='90' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='90' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='90' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='90' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='90' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='90' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='150' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='150' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='150' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='150' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='150' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='150' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='150' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='150' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='150' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='150' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='150' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='150' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='210' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='210' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='210' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='210' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='210' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='210' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='210' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='210' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='210' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='210' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='210' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='210' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='270' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='270' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='270' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='270' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='270' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='270' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='270' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='330' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='330' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='330' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='330' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='330' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='330' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='330' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='330' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='330' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='330' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='330' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='330' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='390' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='390' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='390' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='390' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='390' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='390' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='390' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='390' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='390' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='390' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='390' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='390' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='450' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='450' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='450' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='450' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='450' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='450' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='450' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='450' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='450' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='450' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='450' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='450' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='510' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='510' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='510' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='510' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='510' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='510' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='510' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='510' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='510' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='510' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='510' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='510' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1291' x='570' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='570' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='570' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='570' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='570' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='570' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='570' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='570' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='570' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='570' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='570' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='570' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='630' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='630' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='630' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='630' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='630' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='630' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='630' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='630' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='630' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1294' x='630' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='630' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1296' x='630' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='690' y='30' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='690' y='90' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='690' y='150' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='690' y='210' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1295' x='690' y='270' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='690' y='330' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='690' y='390' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='690' y='450' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='690' y='510' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='690' y='570' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1293' x='690' y='630' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1292' x='690' y='690' stroke='rgba(62%2c 155%2c 255%2c 1)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");
    height: 100vh !important;
    overflow-x: hidden;
    user-select: none;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px auto;
}

.tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 45px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 45px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg .tg-cly1 {
    background-color: #efefef;
    text-align: center;
    vertical-align: middle
}


/* TABLERO NUMERICO */
.tablero-numeros {
    font-family: 'Shrikhand', serif;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.row-flex > div {
    max-width: 90px;
    flex: 0 0 11.11%; /* Ajustado para 9 elementos por fila */
    display: flex;
    justify-content: center;
    align-items: center;
}

.bola-seleccionada, .ultima-bola {
    background: radial-gradient(at top left, rgba(211, 35, 35, 0.82) 20%, #cc4e4e 80%) !important;
}

.container-flex {
    display: flex;
    height: 100vh;
    justify-content: center; /* Centra los elementos horizontalmente en su contenedor */
    max-width: 1400px; /* O el ancho máximo que prefieras */
    margin: 0 auto; /* Centra el contenedor en la página */
    gap: 20px; /* Espacio opcional entre las columnas */
}

.left-column {
    margin-top: calc(1.5% + 10px);
    min-width: 285px;
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: center;
    flex: 0 0 20%; /* Ocupa el 25% del ancho de la pantalla */
    padding: 10px; /* O ajusta según tus necesidades */
    /* Estilos adicionales como fondo, etc. */
}
.left-column img {
    margin-bottom: 5%;
}


.right-column {
    margin-top: 1.5%;
    justify-content: center;
    align-items: center;
    flex: 0 0 80%; /* Ocupa el 75% del ancho de la pantalla */
    padding: 10px; /* O ajusta según tus necesidades */
    /* Estilos adicionales como fondo, etc. */
}

.logo_thrax {
    width: 200px;
    object-fit: contain;
}
/* FINAL TABLERO NUMERICO */


/* Teléfonos móviles (pequeños) */
@media only screen and (max-width: 600px) {
    /* Estilos para pantallas menores de 600px */
}

/* Tabletas y teléfonos móviles (medianos) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    /* Estilos para pantallas entre 600px y 768px */
}

/* Tabletas en modo paisaje y computadoras pequeñas */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* Estilos para pantallas entre 768px y 992px */
}

/* Computadoras con pantalla grande */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* Estilos para pantallas entre 992px y 1200px */
}

/* Pantallas extra grandes */
@media only screen and (min-width: 1200px) {
    .tablero-numeros {
        font-size: 40px;
    }


    .bola-central {
        font-size: 90px;
        border-radius: 50%;
        font-family: 'Shrikhand', serif;
        /* Centrado del texto */
        text-align: center;
        vertical-align: middle;
        /* Ajustes adicionales */
        /* Alineación vertical del texto */
        line-height: 200px;
        width: 200px;
        height: 200px;
        background: radial-gradient(at top left, #ffffff 20%, #cccccc 80%);
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 10px;
    }

    #numero-central {
        transition: opacity 0.5s ease-in-out;
        opacity: 0; /* Inicialmente invisible */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #numero-central.visible {
        opacity: 1; /* Hace que el número sea completamente visible */
    }

    .tablero-numeros > div > div {

        /* Fondo blanco y forma redonda */
        border-radius: 50%; /* Esto hará que la forma sea un círculo */

        /* Centrado del texto */
        text-align: center;
        vertical-align: middle;

        /* Ajustes adicionales */

        /* Alineación vertical del texto */
        line-height: 80px; /* Igual a la altura para centrar el texto verticalmente */
        width: 70px;
        height: 70px;
        background: radial-gradient(at top left, #ffffff 20%, #cccccc 80%);
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 10px;
    }

    .ultimos-numeros {
        display: flex;
        flex-direction: row;
    }

    .ultimas-bolas {
        transition: background-color 250ms ease-in-out;
        font-family: 'Shrikhand', serif;
        border-radius: 50%;
        text-align: center;
        margin: 20px 5px;
        line-height: normal;
        vertical-align: middle;
        width: 50px;
        font-size: 23px;
        height: 50px;
        background: radial-gradient(at top left, #ffffff 20%, #cccccc 80%);
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .buttons-actions-game {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .buttons-actions-game a {
        margin: 10px;
    }

    i {
        color: white;
        font-size: 40px;
        cursor: pointer !important;
    }

    .fa-gamepad:hover {
        color: #00f7ff !important;
    }

}