:root {
    --bg-main:#282a36;
    --fg-main:#44475a;
    --acc-cyan:#8be9fd;
    --acc-green:#50fa7b;
    --acc-orange:#ffb86c;
    --acc-pink:#ff79c6;
    --acc-purple:#bd93f9;
    --acc-red:#ff5555;
    --acc-red-dark:#8a2b2b;
    --acc-yellow:#f1fa8c;
    --text-main:#f8f8f2;
}

* {
    margin: 0;
}
body {
    display: flex;
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: Arial, Helvetica, sans-serif;
    background-attachment: fixed;
    justify-content: space-between;
    color-scheme: dark;
    min-height: 100vh;
    min-height: 100svh;
    min-width: 380px;
    flex-wrap: wrap;
    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='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1199%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='0' y='720'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='720' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='720' y='720'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='1440' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1206' x='1440' y='720'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1199'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1203'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1201'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1202'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1204'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1200'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1205'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1206'%3e%3cuse xlink:href='%23SvgjsPath1200' x='30' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='30' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='30' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='30' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='30' y='270' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='30' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='30' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='30' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='30' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='30' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='30' y='630' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='30' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='30' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='90' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='150' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='90' y='210' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='270' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='90' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='90' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='90' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='510' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='90' y='570' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='90' y='630' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='90' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='150' y='30' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='150' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='150' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='150' y='210' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='150' y='270' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='150' y='330' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='150' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='150' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='150' y='510' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='150' y='570' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='150' y='630' stroke='rgba(58%2c 124%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='150' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='210' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='210' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='210' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='390' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='210' y='450' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='210' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='630' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='210' y='690' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='270' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='270' y='90' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='270' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='270' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='270' y='270' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='270' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='270' y='390' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='270' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='270' y='510' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='270' y='570' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='270' y='630' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='270' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='330' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='330' y='90' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='330' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='330' y='210' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='330' y='270' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='330' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='330' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='330' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='330' y='510' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='330' y='570' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='330' y='630' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='330' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='390' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='390' y='90' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='390' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='390' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='390' y='270' stroke='rgba(24%2c 64%2c 143%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='390' y='330' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='390' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='390' y='450' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='390' y='510' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='390' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='390' y='630' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='390' y='690' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='450' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='450' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='450' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='450' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='450' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='570' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='450' y='630' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='450' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='510' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='510' y='90' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='510' y='150' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='510' y='210' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='510' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='510' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='510' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='510' y='450' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='510' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='510' y='570' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='510' y='630' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='510' y='690' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='570' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='570' y='90' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='570' y='150' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='570' y='210' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='570' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='570' y='330' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='570' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='570' y='450' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='570' y='510' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='570' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='570' y='630' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='570' y='690' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='630' y='30' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='630' y='90' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='630' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1203' x='630' y='210' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='630' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='630' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='630' y='390' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='630' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='630' y='510' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='630' y='570' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1201' x='630' y='630' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1204' x='630' y='690' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='90' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='150' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='210' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='690' y='270' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='690' y='330' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='390' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='690' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='510' stroke='rgba(58%2c 124%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1200' x='690' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1202' x='690' y='630' stroke='rgba(24%2c 64%2c 143%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1205' x='690' y='690' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");
    background-attachment: fixed;
    background-position: center;
/*background-size: 420px; */
    z-index: -2;
    flex-direction: column;
    align-items: center;
    align-content: center;
  overflow-x: hidden;
}
.shade {
    background-image: linear-gradient(131deg, #161719, #16171978);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.center {
    display: flex;
    width: 100%;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
}
.top_bar {
    display: flex;
    width: 100%;
    background-color: #7d1d0e;
    border-radius: 0 0 15px 15px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.top_bar_left {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 0px 5px 15px;
}
.top_bar_left > span {
    font-size: 1.4em;
    margin-left: -5px;
}
.top_bar_left > img {
    height: 65px;
    margin-right: 10px;
}
.top_bar_right {
    display: flex;
    align-items: center;
}
footer {
    display: flex;
    height: 30px;
    align-items: center;
    /* background-color: #7d1d0e; */
    width: 100%;
    border-radius: 15px 15px 0 0;
    justify-content: center;
    font-size: 13px;
    color: #ffffff99;
}
.big_screen_menu {
    visibility: hidden;
    width: 0;
    height: 0;
    display: none;
}
.button {
    font-size: 17px;
    padding: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #2e4278;
    border-radius: 15px;
    box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 44%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border: 0;
}
.button-dark{
    background-color: #60170c;
}
.button:hover {
    background-color: #1e263d;
    box-shadow: inset 0px 0px 3px 4px rgb(0 0 0 / 30%);
}
.button-dark:hover {
    background-color: #4d0000;
}
.remove-judge {
    font-size: 14px;
    padding: 6px;
    margin-top: 10px;
    background-color: var(--acc-red);
}
.remove-judge:hover {
    background-color: var(--acc-red-dark);
}
article {
    /* width: 100%; */
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.text_container {
    padding: 20px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100vw;
}
.first_line {
    font-size: 18px;
    margin-bottom: 10px;
}
.about_me {
    margin-bottom: 20px;
}
.list {
    font-size: 19px;
    font-weight: 800;
}
.art_list {
    margin-top: 15px;
    display: block;
}
.art_list > a {
    text-decoration: none;
    color: var(--text-main);
    font-size: 17px;
}
.date {
    color: #858585;
}

form, .text_container_alt {
    background-color: #27324e;
    border-radius: 15px;
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    margin-bottom: 45px;
    max-width: 400px;
}
.forms input[type="number"], .forms input[type="text"], input[type="date"] {
    width: 150px;
    height: 28px;
    border: 1px solid #2b2e3c;
    margin-bottom: 20px;
    margin-left: 5px;
    padding: 0 15px 0 5px;
    background-color: rgb(70 87 131);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 18px;
}
.forms [type="checkbox"]:checked,.forms [type="checkbox"]:not(:checked) {
    position: unset;
    left: unset;
    opacity: unset;
    pointer-events: unset;
    margin-bottom: 20px;
}
.forms button {
    border: 0;
    font-weight: bold;
    color: var(--text-main);
}
.select2-container {
    width: 95% !important; /* Force the dropdown to fill the container width */
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
    width: stretch !important;
    color: #0D0C1D !important;
}
.select2-dropdown--below {
    overflow-x: hidden;
}
.select2-container--open .select2-dropdown--below {
    background-color: #465783 !important;
    color: white !important;
}
.select2-container--default .select2-selection--single {
    background-color: #465783 !important; 
    color: white !important;
}
.select2-search--dropdown .select2-search__field {
    background-color: #262f47 !important;
    color: white !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #262f47 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6d768f !important;
    color: white !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: white !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;
}
.full_line {
    width: 100%;
    display: inline-block;
    line-height: 1.6em;
    padding-top: 4px;
}
.space_beteween {
    margin-top: 15px;
}
a {
    color: inherit;
    text-decoration: inherit;
}
h1, h2 {
    text-align: center;
}
table {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    color: #0D0C1D;
}
caption {
    color: white;
    text-align: left;
    font-size: 1.4em;
    padding-bottom: 5px;
}
th {
    background-color: #1b2338;
    border-width: 2px;
    border-style: solid;
    border-color: #555e77;
    padding: 8px 5px;
}
tr {
    background-color: #131d28;
    color: #f8f8f2;
}
tr:nth-child(even) {
    background-color: #1d2f43;
    color: #f8f8f2;
}
.actions {
    padding: 5px;
}
.actions1 {
    background-color: #2c5300;
}
.actions2 {
    background-color: #910000;
}
.actions3_1 {
    background-color: #D6AF36;
}
.actions3_2 {
    background-color: #A7A7AD;
}
.actions3_3 {
    background-color: #824A02;
}
.left {
    text-align: left;
}
td {
    padding: 8px 5px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: #555e77;
}
.box-div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
}

/*Login in right side of top bar in index.php */
#login-div form {
    display: flex;
}
#login-div i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    background-color: #60170c;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 44%);
}
#login-div input[type="password"], #login-div input[type="text"] {
    width: 100px;
    border: 0;
    padding-left: 5px;
    background-color: #60170c;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    font-size: 17px;
    margin-left: 0px;
    box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 44%);
}
#login-div input[type="submit"] {
    border: 0;
}
/*deprecated - tbd!
#login-div input[type="submit"] {
    width: 100px;
    padding: 10px;
    background-color: #44475a;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s;
    border-radius: 10px; 
    color: white;
    margin: auto;
}
#login-div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    max-width: 270px;
}
#login-div input[type="submit"]:hover {
    background-color: #6b558b;
    transition: background-color 0.2s;
} */
@media screen and (max-width: 350px) {
    .center {
        width: 100%;
    }
    .top_bar {
        justify-content: space-around;
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        padding-top: 10px;
    }
    .top_bar_left {
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 15px;
    }
    .top_bar_left > img {
        padding-right: 2%;
        padding-left: 2%;
    }
    .top_bar_right {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    .top_bar_right > a > .button, .sec-center {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 950px) {
    .sec-center {
        visibility: hidden;
    }
    .big_screen_menu {
        visibility: visible;
        width: auto;
        height: auto;
        display: block;
    }
}
@media screen and (max-width: 500px) {
    table {
        font-size: 13px;
    }
}