It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://agariohub.cc/

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  <meta charset="utf-8">
  6.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.  <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  <meta name="robots" content="index, follow">
  9.  <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0">
  10.  <meta name="apple-mobile-web-app-capable" content="yes">
  11.  <meta name="apple-mobile-web-app-capable" content="yes">
  12.  <script src="https://www.google.com/recaptcha/api.js?render=6LeqgRYdAAAAABO1HoCmpDhZRhqATZTwT6wKZjE_"></script>
  13.  <meta property="og:title" content="AgarIO Hub - Agario Unblocked Agar.io Private Server" />
  14.  <meta property="og:image" content="/assets/images/agario-private-server.png" />
  15.  <meta property="og:image:secure_url" content="/assets/images/agario-private-server.png" />
  16.  
  17.  <title>AgarIO Hub - Agario Unblocked Agar.io Private Server</title>
  18.  
  19.  <meta name="twitter:card" content="summary_large_image">
  20.  <meta name="twitter:title" content="Agario online" />
  21.  <meta name="twitter:image:src" content="/assets/images/agario-private-server.png">
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  <style>
  28.    #connecting {
  29.        display: none;
  30.    }
  32.    @font-face {
  33.      font-family: Roboto;
  34.      font-style: normal;
  35.      font-weight: 400;
  36.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  37.      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  38.      font-display: swap
  39.    }
  40.  
  41.    @font-face {
  42.      font-family: Roboto;
  43.      font-style: normal;
  44.      font-weight: 400;
  45.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  46.      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  47.    }
  48.  
  49.    @font-face {
  50.      font-family: Roboto;
  51.      font-style: normal;
  52.      font-weight: 400;
  53.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  54.      unicode-range: U+1F00-1FFF;
  55.      font-display: swap
  56.    }
  57.  
  58.    @font-face {
  59.      font-family: Roboto;
  60.      font-style: normal;
  61.      font-weight: 400;
  62.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  63.      unicode-range: U+0370-03FF;
  64.      font-display: swap
  65.    }
  66.  
  67.    @font-face {
  68.      font-family: Roboto;
  69.      font-style: normal;
  70.      font-weight: 400;
  71.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  72.      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  73.      font-display: swap
  74.    }
  75.  
  76.    @font-face {
  77.      font-family: Roboto;
  78.      font-style: normal;
  79.      font-weight: 400;
  80.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  81.      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  82.      font-display: swap
  83.    }
  84.  
  85.    @font-face {
  86.      font-family: Roboto;
  87.      font-style: normal;
  88.      font-weight: 400;
  89.      src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  90.      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  91.      font-display: swap
  92.    }
  93.  </style>
  94.  
  95.  <meta name="description"
  96.    content="Agario Hub unblocked private Server, you can play AgarioHub as you wish and play Agario Unblocked, pvp, agario server">
  97.  <script>
  98.    (function (w, d, s, l, i) {
  99.      w[l] = w[l] || [];
  100.      w[l].push({
  101.        'gtm.start': new Date().getTime(),
  102.        event: 'gtm.js'
  103.      });
  104.      var f = d.getElementsByTagName(s)[0],
  105.        j = d.createElement(s),
  106.        dl = l != 'dataLayer' ? '&l=' + l : '';
  107.      j.async = true;
  108.      j.src =
  109.        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  110.      f.parentNode.insertBefore(j, f);
  111.    })(window, document, 'script', 'dataLayer', 'GTM-WV7SCVB');
  112.  </script>
  113.  <link id="favicon" rel="icon" type="image/png" href="assets/images/icon.ico">
  114.  <style>
  115.    @font-face {
  116.      font-family: Ubuntu;
  117.      font-style: normal;
  118.      font-weight: 300;
  119.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjvWyNL4U.woff2) format('woff2');
  120.      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  121.      font-display: swap
  122.    }
  123.  
  124.    @font-face {
  125.      font-family: Ubuntu;
  126.      font-style: normal;
  127.      font-weight: 300;
  128.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjtGyNL4U.woff2) format('woff2');
  129.      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  130.      font-display: swap
  131.    }
  132.  
  133.    @font-face {
  134.      font-family: Ubuntu;
  135.      font-style: normal;
  136.      font-weight: 300;
  137.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjvGyNL4U.woff2) format('woff2');
  138.      unicode-range: U+1F00-1FFF;
  139.      font-display: swap
  140.    }
  141.  
  142.    @font-face {
  143.      font-family: Ubuntu;
  144.      font-style: normal;
  145.      font-weight: 300;
  146.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1Czjs2yNL4U.woff2) format('woff2');
  147.      unicode-range: U+0370-03FF;
  148.      font-display: swap
  149.    }
  150.  
  151.    @font-face {
  152.      font-family: Ubuntu;
  153.      font-style: normal;
  154.      font-weight: 300;
  155.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjvmyNL4U.woff2) format('woff2');
  156.      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  157.      font-display: swap
  158.    }
  159.  
  160.    @font-face {
  161.      font-family: Ubuntu;
  162.      font-style: normal;
  163.      font-weight: 300;
  164.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format('woff2');
  165.      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  166.      font-display: swap
  167.    }
  168.  
  169.    @font-face {
  170.      font-family: Ubuntu;
  171.      font-style: normal;
  172.      font-weight: 400;
  173.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  174.      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  175.      font-display: swap
  176.    }
  177.  
  178.    @font-face {
  179.      font-family: Ubuntu;
  180.      font-style: normal;
  181.      font-weight: 400;
  182.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  183.      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  184.      font-display: swap
  185.    }
  186.  
  187.    @font-face {
  188.      font-family: Ubuntu;
  189.      font-style: normal;
  190.      font-weight: 400;
  191.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
  192.      unicode-range: U+1F00-1FFF
  193.    }
  194.  
  195.    @font-face {
  196.      font-family: Ubuntu;
  197.      font-style: normal;
  198.      font-weight: 400;
  199.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
  200.      unicode-range: U+0370-03FF;
  201.      font-display: swap
  202.    }
  203.  
  204.    @font-face {
  205.      font-family: Ubuntu;
  206.      font-style: normal;
  207.      font-weight: 400;
  208.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  209.      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  210.      font-display: swap
  211.    }
  212.  
  213.    @font-face {
  214.      font-family: Ubuntu;
  215.      font-style: normal;
  216.      font-weight: 400;
  217.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  218.      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  219.      font-display: swap
  220.    }
  221.  
  222.    @font-face {
  223.      font-family: Ubuntu;
  224.      font-style: normal;
  225.      font-weight: 500;
  226.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jvWyNL4U.woff2) format('woff2');
  227.      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  228.      font-display: swap
  229.    }
  230.  
  231.    @font-face {
  232.      font-family: Ubuntu;
  233.      font-style: normal;
  234.      font-weight: 500;
  235.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jtGyNL4U.woff2) format('woff2');
  236.      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  237.    }
  238.  
  239.    @font-face {
  240.      font-family: Ubuntu;
  241.      font-style: normal;
  242.      font-weight: 500;
  243.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jvGyNL4U.woff2) format('woff2');
  244.      unicode-range: U+1F00-1FFF;
  245.      font-display: swap
  246.    }
  247.  
  248.    @font-face {
  249.      font-family: Ubuntu;
  250.      font-style: normal;
  251.      font-weight: 500;
  252.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff2) format('woff2');
  253.      unicode-range: U+0370-03FF;
  254.      font-display: swap
  255.    }
  256.  
  257.    @font-face {
  258.      font-family: Ubuntu;
  259.      font-style: normal;
  260.      font-weight: 500;
  261.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jvmyNL4U.woff2) format('woff2');
  262.      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  263.      font-display: swap
  264.    }
  265.  
  266.    @font-face {
  267.      font-family: Ubuntu;
  268.      font-style: normal;
  269.      font-weight: 500;
  270.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format('woff2');
  271.      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  272.      font-display: swap
  273.    }
  274.  
  275.    @font-face {
  276.      font-family: Ubuntu;
  277.      font-style: normal;
  278.      font-weight: 700;
  279.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');
  280.      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
  281.    }
  282.  
  283.    @font-face {
  284.      font-family: Ubuntu;
  285.      font-style: normal;
  286.      font-weight: 700;
  287.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2) format('woff2');
  288.      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  289.      font-display: swap
  290.    }
  291.  
  292.    @font-face {
  293.      font-family: Ubuntu;
  294.      font-style: normal;
  295.      font-weight: 700;
  296.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjvGyNL4U.woff2) format('woff2');
  297.      unicode-range: U+1F00-1FFF;
  298.      font-display: swap
  299.    }
  300.  
  301.    @font-face {
  302.      font-family: Ubuntu;
  303.      font-style: normal;
  304.      font-weight: 700;
  305.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2) format('woff2');
  306.      unicode-range: U+0370-03FF;
  307.      font-display: swap
  308.    }
  309.  
  310.    @font-face {
  311.      font-family: Ubuntu;
  312.      font-style: normal;
  313.      font-weight: 700;
  314.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjvmyNL4U.woff2) format('woff2');
  315.      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  316.      font-display: swap
  317.    }
  318.  
  319.    @font-face {
  320.      font-family: Ubuntu;
  321.      font-style: normal;
  322.      font-weight: 700;
  323.      src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');
  324.      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  325.      font-display: swap
  326.    }
  327.  </style>
  328.  
  329.  <style>
  330.    html {
  331.      font-family: sans-serif;
  332.      -webkit-text-size-adjust: 100%;
  333.      -ms-text-size-adjust: 100%
  334.    }
  335.  
  336.    body {
  337.      margin: 0
  338.    }
  339.  
  340.    article,
  341.    aside,
  342.    details,
  343.    figcaption,
  344.    figure,
  345.    footer,
  346.    header,
  347.    hgroup,
  348.    main,
  349.    menu,
  350.    nav,
  351.    section,
  352.    summary {
  353.      display: block
  354.    }
  355.  
  356.    audio,
  357.    canvas,
  358.    progress,
  359.    video {
  360.      display: inline-block;
  361.      vertical-align: baseline
  362.    }
  363.  
  364.    a {
  365.      background-color: transparent
  366.    }
  367.  
  368.    b,
  369.    strong {
  370.      font-weight: 700
  371.    }
  372.  
  373.    h1 {
  374.      margin: .67em 0;
  375.      font-size: 2em
  376.    }
  377.  
  378.    img {
  379.      border: 0
  380.    }
  381.  
  382.    svg:not(:root) {
  383.      overflow: hidden
  384.    }
  385.  
  386.    hr {
  387.      height: 0;
  388.      -webkit-box-sizing: content-box;
  389.      -moz-box-sizing: content-box;
  390.      box-sizing: content-box
  391.    }
  392.  
  393.    button,
  394.    input,
  395.    optgroup,
  396.    select,
  397.    textarea {
  398.      margin: 0;
  399.      font: inherit;
  400.      color: inherit
  401.    }
  402.  
  403.    button {
  404.      overflow: visible
  405.    }
  406.  
  407.    button,
  408.    select {
  409.      text-transform: none
  410.    }
  411.  
  412.    button,
  413.    html input[type=button],
  414.    input[type=reset],
  415.    input[type=submit] {
  416.      -webkit-appearance: button;
  417.      cursor: pointer
  418.    }
  419.  
  420.    input {
  421.      line-height: normal
  422.    }
  423.  
  424.    input[type=checkbox],
  425.    input[type=radio] {
  426.      -webkit-box-sizing: border-box;
  427.      -moz-box-sizing: border-box;
  428.      box-sizing: border-box;
  429.      padding: 0
  430.    }
  431.  
  432.    * {
  433.      -webkit-box-sizing: border-box;
  434.      -moz-box-sizing: border-box;
  435.      box-sizing: border-box
  436.    }
  437.  
  438.    :after,
  439.    :before {
  440.      -webkit-box-sizing: border-box;
  441.      -moz-box-sizing: border-box;
  442.      box-sizing: border-box
  443.    }
  444.  
  445.    html {
  446.      font-size: 10px;
  447.      -webkit-tap-highlight-color: transparent
  448.    }
  449.  
  450.    body {
  451.      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  452.      font-size: 14px;
  453.      line-height: 1.42857143;
  454.      color: #333;
  455.      background-color: #fff
  456.    }
  457.  
  458.    button,
  459.    input,
  460.    select,
  461.    textarea {
  462.      font-family: inherit;
  463.      font-size: inherit;
  464.      line-height: inherit
  465.    }
  466.  
  467.    a {
  468.      color: #337ab7;
  469.      text-decoration: none
  470.    }
  471.  
  472.    img {
  473.      vertical-align: middle
  474.    }
  475.  
  476.    hr {
  477.      margin-top: 20px;
  478.      margin-bottom: 20px;
  479.      border: 0;
  480.      border-top: 1px solid #eee
  481.    }
  482.  
  483.    .h1,
  484.    .h2,
  485.    .h3,
  486.    .h4,
  487.    .h5,
  488.    .h6,
  489.    h1,
  490.    h2,
  491.    h3,
  492.    h4,
  493.    h5,
  494.    h6 {
  495.      font-family: inherit;
  496.      font-weight: 500;
  497.      line-height: 1.1;
  498.      color: inherit
  499.    }
  500.  
  501.    .h1,
  502.    .h2,
  503.    .h3,
  504.    h1,
  505.    h2,
  506.    h3 {
  507.      margin-top: 20px;
  508.      margin-bottom: 10px
  509.    }
  510.  
  511.    .h4,
  512.    .h5,
  513.    .h6,
  514.    h4,
  515.    h5,
  516.    h6 {
  517.      margin-top: 10px;
  518.      margin-bottom: 10px
  519.    }
  520.  
  521.    .h1,
  522.    h1 {
  523.      font-size: 36px
  524.    }
  525.  
  526.    .h3,
  527.    h3 {
  528.      font-size: 24px
  529.    }
  530.  
  531.    .h4,
  532.    h4 {
  533.      font-size: 18px
  534.    }
  535.  
  536.    .h5,
  537.    h5 {
  538.      font-size: 14px
  539.    }
  540.  
  541.    p {
  542.      margin: 0 0 10px
  543.    }
  544.  
  545.    ol,
  546.    ul {
  547.      margin-top: 0;
  548.      margin-bottom: 10px
  549.    }
  550.  
  551.    .container {
  552.      padding-right: 15px;
  553.      padding-left: 15px;
  554.      margin-right: auto;
  555.      margin-left: auto
  556.    }
  557.  
  558.    @media (min-width:768px) {
  559.      .container {
  560.        width: 750px
  561.      }
  562.    }
  563.  
  564.    @media (min-width:992px) {
  565.      .container {
  566.        width: 970px
  567.      }
  568.    }
  569.  
  570.    @media (min-width:1200px) {
  571.      .container {
  572.        width: 1170px
  573.      }
  574.    }
  575.  
  576.    label {
  577.      display: inline-block;
  578.      max-width: 100%;
  579.      margin-bottom: 5px;
  580.      font-weight: 700
  581.    }
  582.  
  583.    input[type=checkbox],
  584.    input[type=radio] {
  585.      margin: 4px 0 0;
  586.      line-height: normal
  587.    }
  588.  
  589.    .form-control {
  590.      display: block;
  591.      width: 100%;
  592.      height: 34px;
  593.      padding: 6px 12px;
  594.      font-size: 14px;
  595.      line-height: 1.42857143;
  596.      color: #555;
  597.      background-color: #fff;
  598.      background-image: none;
  599.      border: 1px solid #ccc;
  600.      border-radius: 4px;
  601.      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  602.      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  603.      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  604.      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  605.      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  606.    }
  607.  
  608.    .form-control::-webkit-input-placeholder {
  609.      color: #999
  610.    }
  611.  
  612.    .form-group {
  613.      margin-bottom: 15px
  614.    }
  615.  
  616.    .btn {
  617.      display: inline-block;
  618.      padding: 6px 12px;
  619.      margin-bottom: 0;
  620.      font-size: 22px;
  621.      font-weight: 400;
  622.      line-height: 1.42857143;
  623.      text-align: center;
  624.      white-space: nowrap;
  625.      vertical-align: middle;
  626.      -ms-touch-action: manipulation;
  627.      touch-action: manipulation;
  628.      cursor: pointer;
  629.      -webkit-user-select: none;
  630.      -moz-user-select: none;
  631.      -ms-user-select: none;
  632.      user-select: none;
  633.      background-image: none;
  634.      border: 1px solid transparent;
  635.      border-radius: 1px
  636.    }
  637.  
  638.    .btn.focus,
  639.    .btn:focus,
  640.    .btn:hover {
  641.      color: #333;
  642.      text-decoration: none
  643.    }
  644.  
  645.    .btn-success {
  646.      color: #fff;
  647.      background-color: #2a9fcc;
  648.      border-color: #2a9fcc
  649.    }
  650.  
  651.    .btn-success.active,
  652.    .btn-success.focus,
  653.    .btn-success:active,
  654.    .btn-success:focus,
  655.    .btn-success:hover,
  656.    .open>.dropdown-toggle.btn-success {
  657.      color: #fff;
  658.      background-color: #2a9fcc;
  659.      border-color: #2a9fcc
  660.    }
  661.  
  662.    .alert {
  663.      padding: 15px;
  664.      margin-bottom: 20px;
  665.      border: 1px solid transparent;
  666.      border-radius: 4px
  667.    }
  668.  
  669.    .alert h4 {
  670.      margin-top: 0;
  671.      color: inherit
  672.    }
  673.  
  674.    .alert>p,
  675.    .alert>ul {
  676.      margin-bottom: 0
  677.    }
  678.  
  679.    .alert-danger {
  680.      color: #a94442;
  681.      background-color: #f2dede;
  682.      border-color: #ebccd1
  683.    }
  684.  
  685.    .btn-group-vertical>.btn-group:after,
  686.    .btn-group-vertical>.btn-group:before,
  687.    .btn-toolbar:after,
  688.    .btn-toolbar:before,
  689.    .clearfix:after,
  690.    .clearfix:before,
  691.    .container-fluid:after,
  692.    .container-fluid:before,
  693.    .container:after,
  694.    .container:before,
  695.    .dl-horizontal dd:after,
  696.    .dl-horizontal dd:before,
  697.    .form-horizontal .form-group:after,
  698.    .form-horizontal .form-group:before,
  699.    .modal-footer:after,
  700.    .modal-footer:before,
  701.    .nav:after,
  702.    .nav:before,
  703.    .navbar-collapse:after,
  704.    .navbar-collapse:before,
  705.    .navbar-header:after,
  706.    .navbar-header:before,
  707.    .navbar:after,
  708.    .navbar:before,
  709.    .pager:after,
  710.    .pager:before,
  711.    .panel-body:after,
  712.    .panel-body:before,
  713.    .row:after,
  714.    .row:before {
  715.      display: table;
  716.      content: " "
  717.    }
  718.  
  719.    .btn-group-vertical>.btn-group:after,
  720.    .btn-toolbar:after,
  721.    .clearfix:after,
  722.    .container-fluid:after,
  723.    .container:after,
  724.    .dl-horizontal dd:after,
  725.    .form-horizontal .form-group:after,
  726.    .modal-footer:after,
  727.    .nav:after,
  728.    .navbar-collapse:after,
  729.    .navbar-header:after,
  730.    .navbar:after,
  731.    .pager:after,
  732.    .panel-body:after,
  733.    .row:after {
  734.      clear: both
  735.    }
  736.  
  737.    .hide {
  738.      display: none !important
  739.    }
  740.  </style>
  741.  
  742.  <style>
  743.    .pretty * {
  744.      box-sizing: border-box
  745.    }
  746.  
  747.    .pretty {
  748.      position: relative;
  749.      display: inline-block;
  750.      margin-right: 1em;
  751.      white-space: nowrap;
  752.      line-height: 1
  753.    }
  754.  
  755.    .pretty input {
  756.      position: absolute;
  757.      left: 0;
  758.      top: 0;
  759.      min-width: 1em;
  760.      width: 100%;
  761.      height: 100%;
  762.      z-index: 2;
  763.      opacity: 0;
  764.      margin: 0;
  765.      padding: 0;
  766.      cursor: pointer
  767.    }
  768.  
  769.    .pretty .state label {
  770.      position: initial;
  771.      display: inline-block;
  772.      font-weight: 400;
  773.      margin: 0;
  774.      text-indent: 1.5em;
  775.      min-width: calc(1em + 2px)
  776.    }
  777.  
  778.    .pretty .state label:after,
  779.    .pretty .state label:before {
  780.      content: '';
  781.      width: calc(1em + 2px);
  782.      height: calc(1em + 2px);
  783.      display: block;
  784.      box-sizing: border-box;
  785.      border-radius: 0;
  786.      border: 1px solid transparent;
  787.      z-index: 0;
  788.      position: absolute;
  789.      left: 0;
  790.      top: calc((0% - (100% - 1em)) - 8%);
  791.      background-color: transparent
  792.    }
  793.  
  794.    .pretty .state label:before {
  795.      border-color: #bdc3c7
  796.    }
  797.  
  798.    .pretty.p-svg .state .svg {
  799.      position: absolute;
  800.      font-size: 1em;
  801.      width: calc(1em + 2px);
  802.      height: calc(1em + 2px);
  803.      left: 0;
  804.      z-index: 1;
  805.      text-align: center;
  806.      line-height: normal;
  807.      top: calc((0% - (100% - 1em)) - 8%);
  808.      border: 1px solid transparent;
  809.      opacity: 0
  810.    }
  811.  
  812.    .pretty.p-svg .state svg {
  813.      margin: 0;
  814.      width: 100%;
  815.      height: 100%;
  816.      text-align: center;
  817.      display: -webkit-box;
  818.      display: -ms-flexbox;
  819.      display: flex;
  820.      -webkit-box-flex: 1;
  821.      -ms-flex: 1;
  822.      flex: 1;
  823.      -webkit-box-pack: center;
  824.      -ms-flex-pack: center;
  825.      justify-content: center;
  826.      -webkit-box-align: center;
  827.      -ms-flex-align: center;
  828.      align-items: center;
  829.      line-height: 1
  830.    }
  831.  
  832.    .pretty.p-svg input:checked~.state .svg {
  833.      opacity: 1
  834.    }
  835.  
  836.    .pretty.p-round .state label:after,
  837.    .pretty.p-round .state label:before {
  838.      border-radius: 100%
  839.    }
  840.  
  841.    .pretty.p-smooth .icon,
  842.    .pretty.p-smooth .svg,
  843.    .pretty.p-smooth label:after,
  844.    .pretty.p-smooth label:before {
  845.      transition: all .5s ease
  846.    }
  847.  
  848.    .pretty.p-smooth input:checked+.state label:after {
  849.      transition: all .3s ease
  850.    }
  851.  
  852.    .pretty.p-smooth input:checked+.state .icon,
  853.    .pretty.p-smooth input:checked+.state .svg,
  854.    .pretty.p-smooth input:checked+.state img {
  855.      -webkit-animation: zoom .2s ease;
  856.      animation: zoom .2s ease
  857.    }
  858.  
  859.    .pretty input:checked~.state.p-success label:after,
  860.    .pretty.p-toggle .state.p-success label:after {
  861.      background-color: #2a9fcc !important
  862.    }
  863.  
  864.    .pretty input:checked~.state.p-success .icon,
  865.    .pretty input:checked~.state.p-success .svg,
  866.    .pretty.p-toggle .state.p-success .icon,
  867.    .pretty.p-toggle .state.p-success .svg {
  868.      color: #fff;
  869.      stroke: #fff
  870.    }
  871.  </style>
  872.  <link href="assets/css/style.css" rel="stylesheet">
  873.  <link href="assets/css/menu.css" rel="stylesheet">
  874.  
  875.  <style>
  876.    #menu {
  877.      padding: 30px 30px 35px;
  878.    }
  879.  
  880.    .right-menu {
  881.      padding: 5px;
  882.      width: 100%;
  883.      display: flex;
  884.      justify-content: center;
  885.      overflow: hidden;
  886.    }
  887.  
  888.    .container.center {
  889.      justify-content: center;
  890.    }
  891.  
  892.    .line {
  893.      align-items: flex-start;
  894.      margin: 0;
  895.    }
  896.  
  897.    .right-menu {
  898.      padding: 5px;
  899.    }
  900.  
  901.    .right-menu>div>div {
  902.      display: flex;
  903.      justify-content: center;
  904.    }
  905.  
  906.    .menu-wrapper.top {
  907.      flex-direction: column;
  908.      align-items: stretch;
  909.    }
  910.  
  911.    div#left-menu {
  912.      margin-bottom: 10px;
  913.    }
  914.  
  915.    /*ad-b*/
  916.    .ad_bottom {
  917.      background-color: white;
  918.      z-index: 200;
  919.      padding: 5px;
  920.      margin: 5px 0;
  921.      border-radius: 15px;
  922.    }
  923.  
  924.    @media (max-width: 640px),
  925.    (max-height: 650px) {
  926.      .ad_bottom {
  927.        display: none;
  928.      }
  929.    }
  930.  
  931.    /*f-cnt*/
  932.    .menu-links {
  933.      margin-bottom: 0;
  934.    }
  935.  
  936.    @media (min-width: 641px) {
  937.  
  938.      /*t-usr*/
  939.      .top-users {
  940.        height: var(--right-height);
  941.        background-color: unset;
  942.        border-radius: unset;
  943.      }
  944.  
  945.      .top-users__inner {
  946.        position: relative;
  947.        height: 100%;
  948.        background-color: white;
  949.        border-radius: 15px;
  950.        overflow: auto;
  951.        transition: 0.3s;
  952.      }
  953.  
  954.      /*f-cnt*/
  955.      .line.bottom {
  956.        margin: 5px auto 0;
  957.      }
  958.    }
  959.  
  960.    /*t-usr st*/
  961.    .top-users__inner::-webkit-scrollbar {
  962.      width: 16px;
  963.    }
  964.  
  965.    .top-users__inner::-webkit-scrollbar-button {
  966.      height: 7px;
  967.    }
  968.  
  969.    .top-users__inner::-webkit-scrollbar-thumb {
  970.      background-color: transparent;
  971.      border: 4px solid white;
  972.      border-radius: 15px;
  973.    }
  974.  
  975.    .top-users__inner:hover::-webkit-scrollbar-thumb {
  976.      background-color: #999;
  977.    }
  978.  
  979.    .top-users__inner::-webkit-scrollbar-thumb:hover {
  980.      background-color: #888;
  981.    }
  982.  
  983.    .top-users__inner::-webkit-scrollbar-track,
  984.    .top-users__inner::-webkit-scrollbar-track-piece,
  985.    .top-users__inner::-webkit-scrollbar-corner,
  986.    .top-users__inner::-webkit-resizer {
  987.      background-color: transparent;
  988.    }
  989.  
  990.    /*t-usr ed*/
  991.  </style>
  992.  <!-- Global site tag (gtag.js) - Google Analytics -->
  993.  <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-LTEDJX3D32"></script>
  994. <script>
  995.  window.dataLayer = window.dataLayer || [];
  996.  function gtag(){dataLayer.push(arguments);}
  997.  gtag('js', new Date());
  998.  
  999.  gtag('config', 'G-LTEDJX3D32');
  1000.  gtag('config', 'UA-42444803-3');
  1001. </script> -->
  1002.  
  1003. </head>
  1004.  
  1005. <body>
  1006.  <noscript>
  1007.    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WV7SCVB" height="0" width="0"
  1008.      style="display:none;visibility:hidden"></iframe>
  1009.  </noscript>
  1010.  <div class="body__inner">
  1011.    <div id="gallery" onclick="if (event.target == this) this.hide()" style="display: none;">
  1012.      <div id="gallery-content">
  1013.        <div id="gallery-header">Skins</div>
  1014.  
  1015.        <div class="input-search">
  1016.          <div class="skin-search">
  1017.            <input placeholder="Search skin..." id="skin-search">
  1018.            <button type="submit" class="skin-search__submit">
  1019.              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  1020.                <path
  1021.                  d="M17.8301 17.0207L13.1828 12.4477C14.3997 11.1255 15.1475 9.37682 15.1475 7.45261C15.1469 3.33639 11.7565 0 7.57388 0C3.39127 0 0.000854492 3.33639 0.000854492 7.45261C0.000854492 11.5688 3.39127 14.9052 7.57388 14.9052C9.38105 14.9052 11.0386 14.2802 12.3405 13.241L17.0058 17.832C17.2332 18.056 17.6022 18.056 17.8295 17.832C18.0574 17.6081 18.0574 17.2447 17.8301 17.0207ZM7.57388 13.7586C4.03494 13.7586 1.16607 10.9353 1.16607 7.45261C1.16607 3.96991 4.03494 1.14663 7.57388 1.14663C11.1128 1.14663 13.9817 3.96991 13.9817 7.45261C13.9817 10.9353 11.1128 13.7586 7.57388 13.7586Z"
  1022.                  fill="#6B72C4" />
  1023.              </svg>
  1024.            </button>
  1025.          </div>
  1026.          <div id="gallery-tab-buttons" class="inline">
  1027.            <div id="btn-tab1" class="button" onclick="changeTab(1)">Premium</div>
  1028.            <!--<div id="btn-tab2" class="button" onclick="changeTab(2)">Level</div>
  1029.                        <div id="btn-tab3" class="button" onclick="changeTab(3)">Owned</div>-->
  1030.          </div>
  1031.        </div>
  1032.        <div class="tabs-wrapper">
  1033.          <div class="gallery-tabs">
  1034.            <hr style="width: 90%; margin-top: 0" />
  1035.            <div id="gallery-tabs-content"></div>
  1036.          </div>
  1037.        </div>
  1038.        <div id="gallery-body"></div>
  1039.      </div>
  1040.    </div>
  1041.    <div id="overlays" style="display: none;"></div>
  1042.    <div class="container center">
  1043.      <div class="line" id="__line1">
  1044.        <div class="menu-wrapper top">
  1045.  
  1046.  
  1047.        </div>
  1048.        <div id="menu-wrapper" class="menu-wrapper">
  1049.          <div id="menu" class="menu">
  1050.            <div class="menu__inner">
  1051.              <div class="menu__title">
  1052.                <h1 id="title">Agario HUB</h1>
  1053.  
  1054.              </div>
  1055.              <div class="menu__item">
  1056.                <div class="form-group menu__form-group">
  1057.                  <div class="form-group__flex">
  1058.                    <div class="form-group__row">
  1059.                      <div class="skin-select">
  1060.                        <div class="skin-select__inner">
  1061.                          <div id="js-skin-select-icon" class="skin-select__icon" onclick="openSkinsList()">
  1062.                            <div class="skin-select__icon-cross">
  1063.                              <div class="skin-select__icon-cross-items"></div>
  1064.                            </div>
  1065.                            <div class="skin-select__icon-text" id="js-skin-select-icon-text">Skins
  1066.                            </div>
  1067.                          </div>
  1068.                        </div>
  1069.                      </div>
  1070.                    </div>
  1071.  
  1072.                    <div class="form-group__rows">
  1073.                      <div class="form-group__row">
  1074.                        <input id="nick" class="form-control" placeholder="Nickname" maxlength="15">
  1075.                      </div>
  1076.  
  1077.                      <div class="form-group__row">
  1078.                        <select id="gamemode" class="form-control gamemode-select" onchange="setserver(this.value)">
  1079.                          <!-- <option value="localhost:8081/ws/" selected>localhost</option>
  1080.                                                    <option value="68.183.25.229:8081/ws/">68.183.25.229</option> -->
  1081.                          <option id="option_0" value="f0.sigmally.com/ws/">Free</option>
  1082.                        </select>
  1083.                      </div>
  1084.                    </div>
  1085.                  </div>
  1086.                </div>
  1087.  
  1088.                <a id="play-btn" class="btn btn-play btn-success btn-needs-server">Play</a>
  1089.                <a href="https://one.sigmally.com/" id="play-btn"
  1090.                  class="btn btn-play btn-success btn-needs-server">Agario</a>
  1091.              </div>
  1092.  
  1093.              <hr>
  1094.              <div class="menu__item">
  1095.                <div id="settings" class="checkboxes">
  1096.                  <ul class="checkbox-grid">
  1097.                    <!-- <li>
  1098.                                            <div class="pretty p-svg p-round p-smooth">
  1099.                                                <input type="checkbox" id="showSkins" />
  1100.                                                <div class="state p-success">
  1101.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1102.                                                        <path
  1103.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1104.                                                            style="stroke: white;fill:white;"></path>
  1105.                                                    </svg>
  1106.                                                    <label>Skins</label>
  1107.                                                </div>
  1108.                                            </div>
  1109.                                        </li> -->
  1110.  
  1111.                    <!--  <li>
  1112.                                            <div class="pretty p-svg p-round p-smooth">
  1113.                                                <input type="checkbox" id="showNames" />
  1114.                                                <div class="state p-success">
  1115.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1116.                                                        <path
  1117.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1118.                                                            style="stroke: white;fill:white;"></path>
  1119.                                                    </svg>
  1120.                                                    <label>Names</label>
  1121.                                                </div>
  1122.                                            </div>
  1123.                                        </li> -->
  1124.  
  1125.                    <li>
  1126.                      <div class="pretty p-svg p-round p-smooth">
  1127.                        <input type="checkbox" id="darkTheme" />
  1128.                        <div class="state p-success">
  1129.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1130.                            <path
  1131.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1132.                              style="stroke: white;fill:white;"></path>
  1133.                          </svg>
  1134.                          <label>Dark</label>
  1135.                        </div>
  1136.                      </div>
  1137.                    </li>
  1138.  
  1139.                    <li>
  1140.                      <div class="pretty p-svg p-round p-smooth">
  1141.                        <input type="checkbox" id="showMass" />
  1142.                        <div class="state p-success">
  1143.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1144.                            <path
  1145.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1146.                              style="stroke: white;fill:white;"></path>
  1147.                          </svg>
  1148.                          <label>Mass</label>
  1149.                        </div>
  1150.                      </div>
  1151.                    </li>
  1152.  
  1153.                    <li>
  1154.                      <div class="pretty p-svg p-round p-smooth">
  1155.                        <input type="checkbox" id="showChat" />
  1156.                        <div class="state p-success">
  1157.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1158.                            <path
  1159.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1160.                              style="stroke: white;fill:white;"></path>
  1161.                          </svg>
  1162.                          <label>Chat</label>
  1163.                        </div>
  1164.                      </div>
  1165.                    </li>
  1166.  
  1167.                    <li>
  1168.                      <div class="pretty p-svg p-round p-smooth">
  1169.                        <input type="checkbox" id="showMinimap" />
  1170.                        <div class="state p-success">
  1171.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1172.                            <path
  1173.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1174.                              style="stroke: white;fill:white;"></path>
  1175.                          </svg>
  1176.                          <label>Minimap</label>
  1177.                        </div>
  1178.                      </div>
  1179.                    </li>
  1180.  
  1181.                    <!--   <li>
  1182.                                            <div class="pretty p-svg p-round p-smooth">
  1183.                                                <input type="checkbox" id="showPosition" />
  1184.                                                <div class="state p-success">
  1185.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1186.                                                        <path
  1187.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1188.                                                            style="stroke: white;fill:white;"></path>
  1189.                                                    </svg>
  1190.                                                    <label>Position</label>
  1191.                                                </div>
  1192.                                            </div>
  1193.                                        </li>
  1194. -->
  1195.                    <li>
  1196.                      <div class="pretty p-svg p-round p-smooth">
  1197.                        <input type="checkbox" id="showBorder" />
  1198.                        <div class="state p-success">
  1199.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1200.                            <path
  1201.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1202.                              style="stroke: white;fill:white;"></path>
  1203.                          </svg>
  1204.                          <label>Border</label>
  1205.                        </div>
  1206.                      </div>
  1207.                    </li>
  1208.  
  1209.                    <!--   <li>
  1210.                                            <div class="pretty p-svg p-round p-smooth">
  1211.                                                <input type="checkbox" id="showGrid" />
  1212.                                                <div class="state p-success">
  1213.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1214.                                                        <path
  1215.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1216.                                                            style="stroke: white;fill:white;"></path>
  1217.                                                    </svg>
  1218.                                                    <label>Grid</label>
  1219.                                                </div>
  1220.                                            </div>
  1221.                                        </li> -->
  1222.  
  1223.                    <li>
  1224.                      <div class="pretty p-svg p-round p-smooth">
  1225.                        <input type="checkbox" id="moreZoom" />
  1226.                        <div class="state p-success">
  1227.                          <svg class="svg svg-icon" viewBox="0 0 20 20">
  1228.                            <path
  1229.                              d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1230.                              style="stroke: white;fill:white;"></path>
  1231.                          </svg>
  1232.                          <label>Zoomout</label>
  1233.                        </div>
  1234.                      </div>
  1235.                    </li>
  1236.  
  1237.                    <!--  <li>
  1238.                                            <div class="pretty p-svg p-round p-smooth">
  1239.                                                <input type="checkbox" id="fillSkin" />
  1240.                                                <div class="state p-success">
  1241.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1242.                                                        <path
  1243.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1244.                                                            style="stroke: white;fill:white;"></path>
  1245.                                                    </svg>
  1246.                                                    <label>Fill Skin</label>
  1247.                                                </div>
  1248.                                            </div>
  1249.                                        </li> -->
  1250.                    <!--  <li>
  1251.                                            <div class="pretty p-svg p-round p-smooth">
  1252.                                                <input type="checkbox" id="backgroundSectors" />
  1253.                                                <div class="state p-success">
  1254.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1255.                                                        <path
  1256.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1257.                                                            style="stroke: white;fill:white;"></path>
  1258.                                                    </svg>
  1259.                                                    <label>Background Sectors</label>
  1260.                                                </div>
  1261.                                            </div>
  1262.                                        </li> -->
  1263.                    <!--                                         <li>
  1264.                                            <div class="pretty p-svg p-round p-smooth">
  1265.                                                <input type="checkbox" id="jellyPhysics" />
  1266.                                                <div class="state p-success">
  1267.                                                    <svg class="svg svg-icon" viewBox="0 0 20 20">
  1268.                                                        <path
  1269.                                                            d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"
  1270.                                                            style="stroke: white;fill:white;"></path>
  1271.                                                    </svg>
  1272.                                                    <label>Jelly Physics</label>
  1273.                                                </div>
  1274.                                            </div>
  1275.                                        </li> -->
  1276.                  </ul>
  1277.                </div>
  1278.              </div>
  1279.            </div>
  1280.          </div>
  1281.        </div>
  1282.        <div id="right-menu" class="menu-wrapper top">
  1283.  
  1284.          <div class="top-users">
  1285.            <div class="top-users__inner">
  1286.              <p>One of the coolest things about Agario Unblocked is that it gives you the feeling of community. You can
  1287.                play with friends or against them, creating your tactics and strategies. In addition, Agario has an
  1288.                active player community where you can exchange tips, discuss strategies, and even organize competitions
  1289.                with other fans.</p>
  1290.  
  1291.              <p>The game is easy to use. You don't need a special client or go through installation – it is available
  1292.                through a browser. So, all you need is an internet connection. Agario Unblocked is a great example of
  1293.                how a simple idea can bring together millions of players worldwide.</p>
  1294.  
  1295.              <p>Play anywhere and get the same experience on phones and tablets with Agario Mobile. You can join
  1296.                battles and test your skills against players worldwide when you are at home or on the go. The touch
  1297.                controls are smooth, making it easy to navigate and grow your cell. So, you can experience the same
  1298.                exciting gameplay that millions have already enjoyed on PC.</p>
  1299.  
  1300.              <p>You can play Agario as a guest or register with your email or Facebook to get access to Agario's
  1301.                Private server. It offers different game modes, modified settings, and even unique skins to match your
  1302.                vibe.</p>
  1303.            </div>
  1304.          </div>
  1305.  
  1306.        </div>
  1307.      </div>
  1308.  
  1309.      <!-----DEATH SCREEN BEGIN -------->
  1310.      <div class="line line--hidden" id="__line2">
  1311.        <div id="menu-wrapper" class="menu-wrapper menu-wrapper--stats-mode">
  1312.          <div id="menu" class="menu menu--stats-mode">
  1313.            <div class="menu__inner">
  1314.              <div class="menu__title">
  1315.                <h1 id="title">Match Results</h1>
  1316.              </div>
  1317.              <div class="stats">
  1318.                <div class="stats__inner">
  1319.                  <div class="stats__items">
  1320.                    <div class="stats__item">
  1321.                      <span class="stats__item-title">Top Position</span>
  1322.                      <span class="stats__item-value" id="top_leaderboard_position">0</span>
  1323.                    </div>
  1324.                    <div class="stats__item">
  1325.                      <span class="stats__item-title">Highest mass</span>
  1326.                      <span class="stats__item-value" id="highest_mass">0</span>
  1327.                    </div>
  1328.                    <div class="stats__item">
  1329.                      <span class="stats__item-title">Time alive</span>
  1330.                      <span class="stats__item-value" id="time_alive">0</span>
  1331.                    </div>
  1332.                    <div class="stats__item">
  1333.                      <span class="stats__item-title">Food eaten</span>
  1334.                      <span class="stats__item-value" id="food_eaten">0</span>
  1335.                    </div>
  1336.                  </div>
  1337.                </div>
  1338.              </div>
  1339.              <hr class="stats-hr">
  1340.              <div class="stats-btn">
  1341.                <div class="stats-btn__inner">
  1342.                  <div class="stats-btn__row">
  1343.                    <button onclick="Share('tw')" class="stats-btn__share-btn">
  1344.                      <svg class="stats-btn__icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.537 511.537">
  1345.                        <path style="fill:#FFFFFF;"
  1346.                          d="M357.038,49.172c-59.284,0.898-105.993,52.098-105.993,111.382v14.372 C145.052,156.063,92.954,127.319,35.466,67.137c-34.133,66.47,3.593,122.161,44.912,152.702c-27.846,0-51.2-3.593-69.165-19.761 c-1.796-0.898-3.593,0-2.695,1.797c15.27,55.691,67.368,96.112,107.789,107.789c-36.828,0-61.081,5.389-87.13-10.779 c-1.796-0.898-3.593,0-2.695,1.796c19.761,54.793,59.284,71.86,116.772,71.86c-28.744,21.558-67.368,43.116-140.126,44.912 c-2.695,0-4.491,3.593-1.796,5.389c26.947,22.456,93.418,39.523,186.835,39.523c153.6,0,278.456-136.533,278.456-305.404v-8.982 c24.253-8.982,37.726-30.54,44.912-52.098c0-0.898-0.898-1.796-1.797-1.796l-51.2,17.965c-0.898,0-1.796-1.796-0.898-2.695 C479.2,92.288,495.368,70.73,502.554,50.07c0,0-0.898-0.898-1.797-0.898c-24.253,9.881-47.607,19.761-65.572,25.151 c-2.695,0.898-6.288,0.898-8.982-0.898C414.526,67.137,379.494,49.172,357.038,49.172">
  1347.                        </path>
  1348.                      </svg>
  1349.                      <span class="stats-btn__text">
  1350.                        Share
  1351.                      </span>
  1352.                    </button>
  1353.                    <button onclick="Share('fb')" class="stats-btn__share-btn">
  1354.                      <svg class="stats-btn__icon-svg" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
  1355.                        <path style="fill:#FFFFFF;"
  1356.                          d="m437 0h-362c-41.351562 0-75 33.648438-75 75v362c0 41.351562 33.648438 75 75 75h151v-181h-60v-90h60v-61c0-49.628906 40.371094-90 90-90h91v90h-91v61h91l-15 90h-76v181h121c41.351562 0 75-33.648438 75-75v-362c0-41.351562-33.648438-75-75-75zm0 0">
  1357.                        </path>
  1358.                      </svg>
  1359.                      <span class="stats-btn__text">
  1360.                        Share
  1361.                      </span>
  1362.                    </button>
  1363.                  </div>
  1364.                  <button id="continue_button" class="stats-btn__continue">Continue</button>
  1365.                </div>
  1366.              </div>
  1367.            </div>
  1368.          </div>
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.        </div>
  1376.  
  1377.      </div>
  1378.  
  1379.  
  1380.  
  1381.      <style>
  1382.        .line--hidden {
  1383.          display: none;
  1384.        }
  1385.  
  1386.        #menu.menu--stats-mode {
  1387.          border-radius: 12px;
  1388.          padding: 10px;
  1389.        }
  1390.  
  1391.        div#menu-wrapper.menu-wrapper--stats-mode {
  1392.          flex-direction: column;
  1393.        }
  1394.  
  1395.        hr.stats-hr {
  1396.          margin: 10px 0px;
  1397.        }
  1398.  
  1399.        .stats__inner {
  1400.          width: 320px;
  1401.        }
  1402.  
  1403.        .stats__items {
  1404.          display: grid;
  1405.          grid-template-columns: 1fr 1fr;
  1406.          grid-gap: 5px;
  1407.          gap: 5px;
  1408.        }
  1409.  
  1410.        .stats__item>span {
  1411.          display: block;
  1412.          text-align: center;
  1413.        }
  1414.  
  1415.        .stats-btn__row {
  1416.          display: flex;
  1417.          padding-bottom: 5px;
  1418.        }
  1419.  
  1420.        .stats-btn__share-btn {
  1421.          flex: 1;
  1422.        }
  1423.  
  1424.        .stats-btn__continue {
  1425.          width: 100%;
  1426.        }
  1427.  
  1428.        .stats-btn__share-btn:first-child {
  1429.          margin-right: 2.5px;
  1430.        }
  1431.  
  1432.        .stats-btn__share-btn:last-child {
  1433.          margin-left: 2.5px;
  1434.        }
  1435.  
  1436.        .stats-btn__share-btn,
  1437.        .stats-btn__continue {
  1438.          height: 35px;
  1439.          color: #fff;
  1440.          font-weight: bold;
  1441.          background-color: #2a9fcc;
  1442.          border: 1px solid #2a9fcc;
  1443.          border-radius: 4px;
  1444.        }
  1445.  
  1446.        .stats-btn__continue:active,
  1447.        .stats-btn__share-btn:active {
  1448.          background-color: #2a9fcc;
  1449.        }
  1450.  
  1451.        .stats-btn__share-btn {
  1452.          display: flex;
  1453.          align-items: center;
  1454.        }
  1455.  
  1456.        .stats-btn__icon-svg {
  1457.          height: 25px;
  1458.        }
  1459.  
  1460.        .stats-btn__text {
  1461.          margin-left: 12px;
  1462.        }
  1463.  
  1464.        .ad-block {
  1465.          padding-top: 10px;
  1466.        }
  1467.  
  1468.        .ad-block__inner {
  1469.          background-color: white;
  1470.          border-radius: 12px;
  1471.          padding: 20px;
  1472.        }
  1473.  
  1474.        .ad-block-left,
  1475.        .ad-block-right {
  1476.          position: fixed;
  1477.          top: 50%;
  1478.          transform: translateY(-50%);
  1479.        }
  1480.  
  1481.        .ad-block-left {
  1482.          left: 0px;
  1483.        }
  1484.  
  1485.        .ad-block-right {
  1486.          right: 0px;
  1487.        }
  1488.  
  1489.        .ad-block-left__inner,
  1490.        .ad-block-right__inner {
  1491.          /* width: 160px; */
  1492.          /* height: 600px; */
  1493.          background-color: white;
  1494.          border-radius: 5px;
  1495.          padding: 5px;
  1496.        }
  1497.  
  1498.        @media (max-width: 682px) {
  1499.  
  1500.          .ad-block-left,
  1501.          .ad-block-right {
  1502.            position: relative;
  1503.            transform: unset;
  1504.            margin-top: 10px;
  1505.          }
  1506.  
  1507.          .ad-block-right {
  1508.            margin-bottom: 10px;
  1509.          }
  1510.        }
  1511.  
  1512.        @media (max-width: 370px) {
  1513.          .stats__inner {
  1514.            width: 270px;
  1515.          }
  1516.        }
  1517.      </style>
  1518.      <!-----DEATH SCREEN END -------->
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.    </div>
  1525.    <script>
  1526.      function closeAlert() {
  1527.        document.querySelector('#connecting').hide();
  1528.      }
  1529.    </script>
  1530.    <div id="connecting" class="connecting">
  1531.      <div id="connecting-content" class="connecting__content">
  1532.        <div class="alert alert-danger mb-0" role="alert">
  1533.          <div class="connecting-header">
  1534.            <h4 class="alert-heading">Connection!</h4>
  1535.            <div class="close-connecting-button">
  1536.              <i onclick="closeAlert()" class="fas fa-times"></i>
  1537.            </div>
  1538.          </div>
  1539.          <p class="mb-0">If you cannot join to the servers, then check your firewall which blocks the
  1540.            connection..</p>
  1541.        </div>
  1542.      </div>
  1543.    </div>
  1544.  
  1545.  
  1546.    <div id="mobileStuff" style="display: none;">
  1547.      <div id="touchpad"></div>
  1548.      <div id="touchCircle" style="display: none;"></div>
  1549.      <img src="/assets/images/agario-split.png" alt="agario split" id="splitBtn">
  1550.      <img src="/assets/images/agario-eject.png" alt="agario eject" id="ejectBtn">
  1551.    </div>
  1552.    <canvas id="canvas" width="800" height="600"></canvas>
  1553.    <input type="text" id="chat_textbox" placeholder="Press enter to chat" maxlength="200">
  1554.    <div style="font-family:'Ubuntu', sans-serif"></div>
  1555.    <!-- Start sign in with Google function -->
  1556.  
  1557.  </div>
  1558.  
  1559.  <footer>
  1560.  
  1561.  
  1562.    <script src="assets/js/gallery.js"></script>
  1563.    <script src="assets/js/app.js"></script>
  1564.  
  1565.  </footer>
  1566.  
  1567.  
  1568.  <div id="cm_modal" class="ctrl-modal ctrl-modal--hidden">
  1569.    <div class="ctrl-modal__overlay">
  1570.      <div class="ctrl-modal__modal">
  1571.        <div class="ctrl-modal__header">
  1572.          <div class="ctrl-modal__title h3">How to play</div>
  1573.          <button id="cm_close" class="ctrl-modal__close">
  1574.            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 512 512" width="24px" fill="#333333">
  1575.              <path
  1576.                d="m256 512c-141.160156 0-256-114.839844-256-256s114.839844-256 256-256 256 114.839844 256 256-114.839844 256-256 256zm0-475.429688c-120.992188 0-219.429688 98.4375-219.429688 219.429688s98.4375 219.429688 219.429688 219.429688 219.429688-98.4375 219.429688-219.429688-98.4375-219.429688-219.429688-219.429688zm0 0" />
  1577.              <path
  1578.                d="m347.429688 365.714844c-4.679688 0-9.359376-1.785156-12.929688-5.359375l-182.855469-182.855469c-7.144531-7.144531-7.144531-18.714844 0-25.855469 7.140625-7.140625 18.714844-7.144531 25.855469 0l182.855469 182.855469c7.144531 7.144531 7.144531 18.714844 0 25.855469-3.570313 3.574219-8.246094 5.359375-12.925781 5.359375zm0 0" />
  1579.              <path
  1580.                d="m164.570312 365.714844c-4.679687 0-9.355468-1.785156-12.925781-5.359375-7.144531-7.140625-7.144531-18.714844 0-25.855469l182.855469-182.855469c7.144531-7.144531 18.714844-7.144531 25.855469 0 7.140625 7.140625 7.144531 18.714844 0 25.855469l-182.855469 182.855469c-3.570312 3.574219-8.25 5.359375-12.929688 5.359375zm0 0" />
  1581.            </svg>
  1582.          </button>
  1583.        </div>
  1584.        <div class="ctrl-modal__content">
  1585.          <h5 class="menu__desc-title"><b>Agario Controls</b></h5>
  1586.          <p class="menu__desc-text"></p>
  1587.          <ul>
  1588.            <li>Eject Mass - W</li>
  1589.            <li>Chat - ENTER</li>
  1590.            <li>Split - SPACE</li>
  1591.            <li>Navigation - Mouse</li>
  1592.          </ul>
  1593.          <h5 class="menu__desc-title"><b>Agario Registration</b></h5>
  1594.          <p class="menu__desc-text">After Registration, you will be able to save your progress.</p>
  1595.          <h5 class="menu__desc-title"><b>How to hide agario player names and skins</b></h5>
  1596.          <p class="menu__desc-text"> On the main menu clear checkboxes "Skin", "Name". Skins and
  1597.            nicknames will be
  1598.            hidden.</p>
  1599.          <h5 class="menu__desc-title"><b>How to change agario skin</b></h5>
  1600.          <p class="menu__desc-text">Click the "Skins" button and then choose one of the available
  1601.            skins. All skins have their names. If you want to add custom skins contact admin in
  1602.            Discord.</p>
  1603.          <h5 class="menu__desc-title"><b>How to make a white background in Agario</b></h5>
  1604.          <p class="menu__desc-text">Clear the "Dark" checkbox on the main menu. Also, you can use the
  1605.            "Grid" option
  1606.            which marks each sector in the background.</p>
  1607.          <h5 class="menu__desc-title"><b>How to fix Agario lags</b></h5>
  1608.          <div class="menu__desc-text">Close apps that may use internet traffic. Restart browser.
  1609.            Disable the "Skin"
  1610.            option, they cause additional load. Check if someone uses the same connection.
  1611.          </div>
  1612.          <h5 class="menu__desc-title"><b>How to split in agario?</b></h5>
  1613.          <div class="menu__desc-text">All you need to split is to press the SPACE button and have a mass of more than
  1614.            90. Cells
  1615.            that have less than 90 mass can’t split.</div>
  1616.  
  1617.          <h5 class="menu__desc-title"><b>How to play agario?</b></h5>
  1618.          <div class="menu__desc-text">Your main goal is to become the biggest player on the map. To achieve these you
  1619.            need to eat
  1620.            small pellets on the map and after that, you need to eat other players that are smaller than you. Also, you
  1621.            need to
  1622.            be careful and avoid bigger cells.</div>
  1623.  
  1624.          <h5 class="menu__desc-title"><b>How to eat viruses in agario?</b></h5>
  1625.          <div class="menu__desc-text">If you want to eat a virus in agario, you should be split into 16 cells. Because
  1626.            you can’t
  1627.            split more, you can easily eat viruses. One more condition: you should be bigger than the virus.</div>
  1628.  
  1629.          <h5 class="menu__desc-title"><b>How to merge in agario?</b></h5>
  1630.          <div class="menu__desc-text">If you want to recombine in agario you should wait 30 seconds and after that, you
  1631.            will
  1632.            automatically merge. </div>
  1633.  
  1634.          <h5 class="menu__desc-title"><b>How to be good at agario?</b></h5>
  1635.          <div class="menu__desc-text">To become a better player you need to have more game practice and to watch
  1636.            youtube videos
  1637.            of how other gamers play. Also, you can record your screen and analyze your game.</div>
  1638.  
  1639.          <h5 class="menu__desc-title"><b>How to get big in agario?</b></h5>
  1640.          <div class="menu__desc-text">The best tactic is to be careful as you can. Just eat pellets, try not to split,
  1641.            and avoid
  1642.            big players.</div>
  1643.  
  1644.          <h5 class="menu__desc-title"><b>How to shoot in agario?</b></h5>
  1645.          <div class="menu__desc-text">Some players want to shoot viruses into other players. For doing that you need to
  1646.            eject 5
  1647.            pellets (Press W button) into the virus. After that, the virus will be split.</div>
  1648.  
  1649.          <h5 class="menu__desc-title"><b>How to play agario with friends?</b></h5>
  1650.          <div class="menu__desc-text">To play agario with friends you need to connect to the same server. Just select
  1651.            “US” or
  1652.            “EU” server.</div>
  1653.  
  1654.          <h5 class="menu__desc-title"><b>How to record agario?</b></h5>
  1655.          <div class="menu__desc-text">If you want to record your game you need to install a recording program on your
  1656.            computer.
  1657.            For example Fraps or Bandicam.</div>
  1658.  
  1659.          <h5 class="menu__desc-title"><b>How to feed in agario?</b></h5>
  1660.          <div class="menu__desc-text">If you want to give mass to another player in the agario, you can split or eject
  1661.            mass.
  1662.          </div>
  1663.  
  1664.          <h5 class="menu__desc-title"><b>How to zoom out in agario?</b></h5>
  1665.          <div class="menu__desc-text">To zoom out in agario you need to use the scroll.</div>
  1666.  
  1667.          <h5 class="menu__desc-title"><b>What is a virus in agario?</b></h5>
  1668.          <div class="menu__desc-text">A virus is a type of cell in agario. If you touch it then your cell will be
  1669.            split.</div>
  1670.  
  1671.          <h5 class="menu__desc-title"><b>How to level up in agario?</b></h5>
  1672.          <div class="menu__desc-text">If you want to level up in agario, you need to earn a lot of points. To achieve
  1673.            that goal
  1674.            you need to eat other players and pellets on the map. Also, other players can share their mass with you.
  1675.          </div>
  1676.  
  1677.          <h5 class="menu__desc-title"><b>How to play agario at school?</b></h5>
  1678.          <div class="menu__desc-text">If you want to play unblocked agario at school, you just need to play agario on
  1679.            our site.
  1680.          </div>
  1681.        </div>
  1682.        <div class="ctrl-modal__footer">
  1683.          <button id="cm_confirm" class="btn btn-success">Got it!</button>
  1684.        </div>
  1685.      </div>
  1686.    </div>
  1687.  </div>
  1688.  <style>
  1689.    .ctrl-modal__overlay {
  1690.      display: flex;
  1691.      justify-content: center;
  1692.      align-items: flex-start;
  1693.      width: 100%;
  1694.      height: 100vh;
  1695.      position: fixed;
  1696.      top: 0;
  1697.      left: 0;
  1698.      background-color: rgba(0, 0, 0, .5);
  1699.      overflow: auto;
  1700.      z-index: 501;
  1701.    }
  1702.  
  1703.    .ctrl-modal__modal {
  1704.      display: block;
  1705.      width: 500px;
  1706.      background-color: white;
  1707.      border-radius: 15px;
  1708.      padding: 15px;
  1709.      margin: 20vh 0 35vh;
  1710.    }
  1711.  
  1712.    .ctrl-modal__header {
  1713.      display: flex;
  1714.    }
  1715.  
  1716.    .ctrl-modal__title {
  1717.      flex: 1;
  1718.      margin: 10px 0;
  1719.    }
  1720.  
  1721.    button.ctrl-modal__close {
  1722.      display: flex;
  1723.      align-items: center;
  1724.      justify-content: center;
  1725.      background: none;
  1726.      border: none;
  1727.      padding: 0;
  1728.      margin: 0;
  1729.    }
  1730.  
  1731.    .ctrl-modal__footer {
  1732.      text-align: center;
  1733.      padding-top: 10px;
  1734.    }
  1735.  
  1736.    .ctrl-modal--hidden {
  1737.      display: none;
  1738.    }
  1739.  
  1740.    .body--noscroll {
  1741.      overflow: hidden;
  1742.    }
  1743.  
  1744.    @media (max-width: 551px) {
  1745.      .ctrl-modal__modal {
  1746.        width: 100%;
  1747.        margin: 20vh 20px 35vh;
  1748.      }
  1749.    }
  1750.  
  1751.    .link_btn {
  1752.      color: #337ab7;
  1753.      background: none;
  1754.      border: none;
  1755.      padding: 0;
  1756.      margin: 0;
  1757.    }
  1758.  </style>
  1759.  <script>
  1760.    function _cm_open() {
  1761.      document.body.classList.add("body--noscroll");
  1762.      cm_modal.classList.remove("ctrl-modal--hidden");
  1763.    }
  1764.    function _cm_close() {
  1765.      document.body.classList.remove("body--noscroll");
  1766.      cm_modal.classList.add("ctrl-modal--hidden");
  1767.    }
  1768.    cm_confirm.addEventListener('click', _cm_close);
  1769.    cm_close.addEventListener('click', _cm_close);
  1770.  </script>
  1771.  
  1772.  
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
  1778. </body>
  1779.  
  1780. </html>
  1781.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda