:root {
  --primary: var(--primary-color);
  --secondary: #A83D2E;
  --gray: #888888;
  --premium: #ffd43b;
}

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='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3cpath d='M-83.48 363.57L-83.48 363.57'  stroke-width='1.5'%3e%3c/path%3e%3cpath d='M-83.48 363.57L-52.88 533.37'   stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1125.15 108.11L1125.15 108.11' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1125.15 108.11L1145.22 241.87' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1125.15 108.11L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1125.15 108.11L1280 232.77' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1145.22 241.87L1145.22 241.87' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1145.22 241.87L1280 232.77' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1105.94 401.85L1105.94 401.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1105.94 401.85L1094.46 516.75' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1105.94 401.85L1268.89 405.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1105.94 401.85L1145.22 241.87' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1094.46 516.75L1094.46 516.75' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1094.46 516.75L1262.11 491.45' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1094.46 516.75L1268.89 405.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1249.8 -103.06L1249.8 -103.06' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1249.8 -103.06L1394.04 -105.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1249.8 -103.06L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1249.8 -103.06L1125.15 108.11' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1281.55 41.48L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1280 232.77L1280 232.77' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1280 232.77L1443.02 230.31' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1280 232.77L1268.89 405.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1280 232.77L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1268.89 405.85L1268.89 405.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1268.89 405.85L1262.11 491.45' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1268.89 405.85L1433.74 353.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1268.89 405.85L1390.79 535.69' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1268.89 405.85L1145.22 241.87' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1262.11 491.45L1262.11 491.45' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1262.11 491.45L1390.79 535.69' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1262.11 491.45L1297.82 652.61' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1297.82 652.61L1297.82 652.61' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1297.82 652.61L1390.79 535.69' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1297.82 652.61L1454.77 643.25' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1394.04 -105.05L1394.04 -105.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1394.04 -105.05L1543.23 -75.67' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1394.04 -105.05L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1394.04 -105.05L1457.33 101.3' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1457.33 101.3L1457.33 101.3' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1457.33 101.3L1543.71 81.39' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1457.33 101.3L1443.02 230.31' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1457.33 101.3L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1443.02 230.31L1443.02 230.31' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1443.02 230.31L1433.74 353.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1443.02 230.31L1543.71 81.39' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1443.02 230.31L1564.2 376.29' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1443.02 230.31L1268.89 405.85' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1433.74 353.05L1433.74 353.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1433.74 353.05L1564.2 376.29' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1433.74 353.05L1390.79 535.69' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1433.74 353.05L1280 232.77' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1433.74 353.05L1262.11 491.45' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1390.79 535.69L1390.79 535.69' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1390.79 535.69L1454.77 643.25' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1390.79 535.69L1543.99 544.84' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1454.77 643.25L1454.77 643.25' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1454.77 643.25L1583.25 647.22' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1543.23 -75.67' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1543.71 81.39' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1457.33 101.3' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1249.8 -103.06' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.23 -75.67L1443.02 230.31' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.71 81.39L1543.71 81.39' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.71 81.39L1394.04 -105.05' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.71 81.39L1281.55 41.48' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1564.2 376.29L1564.2 376.29' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1564.2 376.29L1543.99 544.84' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.99 544.84L1543.99 544.84' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.99 544.84L1583.25 647.22' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1543.99 544.84L1454.77 643.25' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M1583.25 647.22L1583.25 647.22' stroke='rgba(223%2c 223%2c 223%2c 0.3)' stroke-width='1.5'%3e%3c/path%3e%3ccircle r='0' cx='-83.48' cy='363.57' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='-52.88' cy='533.37' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='-80.5' cy='664.87' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='90.47' cy='376.15' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='63.87' cy='502.94' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='57.3' cy='638.42' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='203.95' cy='387.81' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='191.02' cy='531.92' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='210.19' cy='645.22' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='374.79' cy='383.74' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='355.95' cy='494.94' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='402.22' cy='679.09' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='549.5' cy='404.05' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='531.24' cy='514.02' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='497.98' cy='644.37' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='653.89' cy='252.59' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='683.15' cy='411.84' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='709.02' cy='699.82' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='835.5' cy='252.7' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='826.04' cy='379.74' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='808.25' cy='498.77' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='800.86' cy='698.72' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='971.63' cy='-100.99' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='948.87' cy='102.56' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='988.51' cy='220.46' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='988.18' cy='407.35' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='982.42' cy='561.3' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='996.04' cy='707.66' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1155.01' cy='-101.32' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1125.15' cy='108.11' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1145.22' cy='241.87' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1105.94' cy='401.85' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1094.46' cy='516.75' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1249.8' cy='-103.06' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1281.55' cy='41.48' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1280' cy='232.77' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1268.89' cy='405.85' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1262.11' cy='491.45' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1297.82' cy='652.61' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1394.04' cy='-105.05' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1457.33' cy='101.3' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1443.02' cy='230.31' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1433.74' cy='353.05' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1390.79' cy='535.69' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1454.77' cy='643.25' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1543.23' cy='-75.67' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1543.71' cy='81.39' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1564.2' cy='376.29' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1543.99' cy='544.84' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3ccircle r='0' cx='1583.25' cy='647.22' fill='rgba(223%2c 223%2c 223%2c 0.3)'%3e%3c/circle%3e%3cpath d='M231.93 559.97L231.93 559.97' stroke='hsl(0%2c 0%25%2c 100%25)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M231.93 559.97L258.15 684.36' stroke='hsl(0%2c 0%25%2c 100%25)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M231.93 559.97L109.89 502.3' stroke='hsl(0%2c 0%25%2c 100%25)' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M231.93 559.97L390.78 495.98' stroke-width='1.5'%3e%3c/path%3e%3ccircle r='25' cx='231.93' cy='559.97' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='513.25' cy='401.92' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='707.17' cy='671.52' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='805.07' cy='711.41' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='1129.13' cy='670.76' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='1296.41' cy='-75.24' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='1420.17' cy='-78.96' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='1540.17' cy='403.41' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle r='0' cx='1587.8' cy='508.09' fill='url(%23SvgjsRadialGradient1007)'%3e%3c/circle%3e%3ccircle   r='0' cx='1561.23' cy='88.21' fill='white'%3e%3c/circle%3e%3ccircle r='0' cx='1600.22' cy='208.83' fill='white'%3e%3c/circle%3e%3ccircle r='0' cx='1568.63' cy='691.52' fill='white'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cradialGradient id='SvgjsRadialGradient1007'%3e%3cstop stop-color='white' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='0.2'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0)' offset='1'%3e%3c/stop%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  background-position: bottom right;
  background-size: cover;
  background-attachment: fixed;
  background-color: #fafafa;
}

a.button {
	background-color: var(--primary-color);
}

#main-grid {
  height: 100vh;
  align-content: center;
}

.content-container {
  /* background-image: url("https://qalive.eu/assets/img/qalive.png");
  background-size: 10rem;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-attachment: fixed; */
  min-height: 90vh;
}

#headerbg {
  background-color: var(--primary);
  box-shadow: inset rgba(0, 0, 0, 0.24) 0px -2px 8px;
  color: #fff;
  position: fixed;
  width: 100vw;
  z-index: 1000;
  height: 4rem;
}

#header {
  padding: 0.5rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: wrap;
}

#header > .title {
  margin-top: 0.5rem;
  display: inline-block;
  font-weight: bold;
}

#questions {
  padding-right: 1rem;
  //padding-top: 5rem;
  padding-bottom: 5rem;
}

.question, .callout {
  border: 1px solid transparent;
  padding: 0rem;
  margin: 0.5rem 1.5rem 2.5rem 0.5rem;
  background-color: white;
  border-radius: .3rem .3rem .3rem .3rem;
  -webkit-border-radius: .3rem .3rem .3rem .3rem;
  -moz-border-radius: .3rem .3rem .3rem .3rem;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  font-size: 100%;
}

.callout {
  padding: 2rem 1rem;
  margin-right: 0.5rem;
}

.pointer {
  cursor: pointer;
}

.question:after {
  content: "";
  width: 0;
	height: 0;
	border-left: 3vh solid transparent;
	border-right: 3vh solid transparent;
	border-top: 3vh solid white;
	position: absolute;
  transform: skewY(327deg) rotate(32deg);
}

.rounded {
  border-radius: .3rem .3rem .3rem .3rem;
  -webkit-border-radius: .3rem .3rem .3rem .3rem;
  -moz-border-radius: .3rem .3rem .3rem .3rem;
}

#new_question {
  background: #fff;
  border: .5rem solid transparent;
  padding: 1rem;
  width: 90vw;
  max-width: 30rem;
}

#new_question .button {
  width: 100%;
}

#newQuestion {
  padding: .5rem;
  position: fixed;
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  background: rgb(202 202 202 / 87%);
  top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.question button {
  margin-top: 1rem;
}

.button.hideQ, .button.deactivate {
  background-color: var(--gray);
}

/*
button.approve, button.hideQ {
  height: 5rem;
  margin: 0px;
  width: 100%;
  padding: 0px;
  text-align: center;
  font-size: 2rem;
}
*/
#askQuestion {
  background-color: var(--gray);
  margin-bottom: 0px;
  z-index: 1002;
}

#logo {
  /* position: fixed;
  bottom: 1rem;
  right: 1rem; */
  width: 9rem;
  z-index: 1;
}

#footer {
 /* position: fixed;
  bottom: 1rem;
  left: 1rem; */
  width: 100vw;
  text-align: left;
  padding: 0.5rem;
  font-size: 80%;
}

.fixed {
  position: fixed;
}

.float-right {
  float: right;
}

.padding-top-5 {
  padding-top: 5rem;
}

input[type="color"] {
  vertical-align: sub;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 3rem;
  border: 4px solid transparent;
  padding: 0px;
}

#roomQR {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  /* width: 10rem; */
  z-index: 1000;
}

#roomQR img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.premium {
  color: var(--premium);
}