<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title>The Scale of Life</title>
    <meta name="description" content="Visualize the true scale of life in real time with 
    hundreds of live counters. Experience the magnitude of the industrial age, nature, and
    everyday life firsthand.">


    <style>
        @font-face {
            font-family: 'afont';
            src: url('afont.ttf') format('truetype');
            font-weight: bold;
            font-style: normal;
        }

        body {
            font-family: 'arial';
            margin: 0;
            padding: 0;
            background-color: #202020;
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow-x: hidden;
            background-image: url('homepagebackground.avif');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        @media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
            body {
                background: url("homepagebackground2.avif");
            }
        }

        header {
            position: relative;
            background-color: transparent;
            color: #000000;
            padding: 1px;
            font-size: 24px;
            text-align: center;
            overflow: hidden;
            cursor: url('hotairballoon.png'), auto;
        }

        .logo {
            display: block;
            margin: 0 auto;
            max-width: 71%;
            height: auto;
            margin-top: 10px;
            margin-bottom: -22px;
            position: relative;
            pointer-events: none;
        }

        @media screen and (max-width: 600px) {
            .logo {
                max-width: 100%;
                height: 15vh;
                margin-top: 15px;
                margin-bottom: -2px;
            }
        }

        .tab-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #dbe9f0;
            padding: 9px;
            border-top: solid 1.5px #000;
            border-bottom: solid 1.5px #000;
            width: 100%;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1000;
            margin-bottom: -6px;
        }

        @media screen and (max-width: 600px) {
            .tab-container {
                display: none;
            }
        }

        .dropdown-container {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .dropdown-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 6px;
            padding-top: 4px;
        }

        @media screen and (max-width: 600px) {
            .dropdown-wrapper {
                flex-direction: column;
                align-items: stretch;
            }
        }

        .desktop-dropdown {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-right: 25px;
        }

        .dropdown-label {
            font-family: 'arial';
            font-size: 14px;
            margin-right: 5px;
            color: #000000;
        }

        #desktop-category-select {
            padding: 5px 80px 5px 11px;
            font-size: 14px;
            font-family: 'arial';
            margin-right: -10px;
            border: solid 1.5px #000000;
            border-radius: 6px;
            background-color: #fcfcfc;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 1em;
            cursor: pointer;
        }

        #desktop-category-select:focus {
            outline: none;
        }

        #desktop-category-select {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1.9 4.9l.7-.7L6 7.6l3.4-3.4.7.7z'/%3E%3C/svg%3E");
        }

        #counter-mode {
            padding: 5px 45px 5px 11px;
            font-size: 14px;
            font-family: 'arial';
            border: solid 1.5px #000000;
            border-radius: 6px;
            background-color: #fcfcfc;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 1em;
            cursor: pointer;
        }

        #counter-mode {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1.9 4.9l.7-.7L6 7.6l3.4-3.4.7.7z'/%3E%3C/svg%3E");
        }

        .counter-section {
            display: none;
            padding: 8px 36px;
        }

        @media screen and (max-width: 600px) {
            .counter-section {
                padding: 6px 8px;
            }
        }


        .counter-section.active {
            display: block;
        }

        .accordion-item {
            max-width: 55%;
            margin-left: auto;
            margin-right: auto;
            background: linear-gradient(0deg, #343434, #525252);
            border-radius: 12px;
            border: #fff 1px solid;
            margin-top: 22px;
            margin-bottom: 0px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
            cursor: pointer;
        }

        .section-title+.accordion-item {
            margin-top: 30px;
        }

        .accordion-item+.section-title {
            margin-top: 45px;
        }

        .accordion-item:hover {
            transform: scale(1.01);
            box-shadow: 0 0 4px rgba(255, 255, 255, 0.943);

        }

        @media screen and (max-width: 600px) {
            .accordion-item {
                max-width: 93%;
                padding-bottom: 4px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media screen and (min-width: 1550px) {
            .accordion-item {
                max-width: 50%;
            }
        }

        .section-title {
            background-color: #dbe9f0;
            border: 1px solid black;
            border-radius: 12px;
            margin: 45px auto;
            text-align: center;
            font-family: 'afont', sans-serif;
            font-size: 12px;
            color: black;
            box-sizing: border-box;
        }

        .wide-section-title {
            width: 100% !important;
            max-width: 60% !important;
            background-color: #dbe9f0;
            border: 1px solid black;
            border-radius: 12px;
            margin: 45px auto;
            text-align: center;
            font-family: 'afont', sans-serif;
            font-size: 12px;
            color: black;
            box-sizing: border-box;

        }

        @media screen and (max-width: 600px) {
            .wide-section-title {
                width: 93% !important;
                max-width: 93% !important;
            }
        }

        .section-title h2 {
            margin: 0;
            padding: 9px;
            line-height: 2.2;
        }

        @media screen and (min-width: 601px) {
            .section-title {
                width: auto;
                display: block;
                min-width: 25%;
                max-width: 25%;
                padding: 0 20px;
            }
        }

        @media screen and (max-width: 600px) {
            .section-title {
                width: 80%;
                font-size: 15px;
                padding-right: 12px;
                padding-left: 12px;
            }

        }

        .section-title .section-subtitle {
            margin: 0;
            padding-bottom: 10px;
            padding-right: 30px;
            padding-left: 30px;
            font-size: 0.9em;
            color: #000;

        }

        .accordion-header {
            display: flex;
            align-items: center;
            padding: 15px;
            cursor: pointer;
            transition: background-color 0.3s ease;


        }

        .accordion-header:hover {
            background-color: #000000;
        }

        .counter-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex: 1;
            padding-right: 15px;
        }

        .counter-label {
            margin-left: 7px;
            flex: 1;
            padding-right: 10px;
        }

        .counter-label h3 {
            margin: 0;
            color: #ffffff;
            font-family: 'afont';
            font-size: 16px;
            margin-top: -1px;
            margin-left: 5px;
            word-wrap: normal;
            max-width: calc(100% - 80px);
        }

        .counter-label-note {
            font-size: 0.65em;
        }

        .counter-value {
            font-size: 17px;
            text-align: right;
            margin-bottom: 0px;
            margin-right: 0px;
            margin-top: -1px;
            font-weight: bold;
            color: #ffffff;
            font-family: 'verdana';
        }

        .accordion-content {
            padding: 0 15px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.15s ease-out, padding 0.15s ease-out, opacity 0.15s ease-out;
            color: white;
            opacity: 0;
            border-top: 1px solid #fff;
        }

        .accordion-content .btn-link {
            display: inline-grid;
            background-color: #dbe9f0;
            border: 2px solid #050505;
            color: #151515;
            text-decoration: none;
            padding: 9px 16px;
            font-size: 14px;
            border-radius: 6px;
            transition: background-color 0.2s ease;
            margin-right: 16px;
            margin-bottom: 18px;
            margin-left: 5px;
            transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }

        .accordion-content .btn-link:hover {
            background-color: #82c9f9;
            color: #000000;
            transform: scale(1.02);
            box-shadow: 0 0 3px rgba(255, 255, 255, 0.943);

        }


        .accordion-item.active .accordion-content {
            max-height: none;
            padding: 24px;
            transition: max-height 0.3s ease, padding 0.3s ease;
        }

        @media screen and (max-width: 600px) {
            .accordion-content {
                text-align: center;
            }

            .accordion-content .btn-link {
                margin-right: 0px;
                padding: 16px 18px;
                display: grid;
                border-radius: 8px;
                margin-bottom: 20px;
                font-size: 17px;
                margin-left: 0px;

            }
        }

        .accordion-item.active .accordion-header {
            background-color: #5e5e5e;
        }

        .footer {
            background-color: #dbe9f0;
            padding: 12px;
            text-align: center;
            font-size: 16px;
            color: #000000;
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            border-top: 1px solid #000;
        }


        .footer-text {
            text-align: center;
            padding: 10px 0;
            font-size: 16px;
            color: #000000;
        }

        .footer a {
            color: #000000;
            text-decoration: none;
        }

        .footer a:hover {
            text-decoration: underline;
        }

        @media screen and (max-width: 600px) {
            .tab-container {
                flex-wrap: wrap;

            }

            .tab {
                flex-basis: 50%;
                text-align: center;
            }

            .counter-container {
                flex-direction: column;
                align-items: center;
                text-align: center;
                margin-left: 0px;
                margin-right: 0px;
                max-width: 92%;
            }

            .counter-label {
                margin-bottom: 10px;
                flex: initial;
                padding-right: 0;
            }

            .counter-label h3 {
                font-size: 20px;
                padding-left: 0px;
                padding-bottom: 6px;
                padding-top: 5px;
                margin-right: -18px;
                margin-left: 0px;
                max-width: none;
            }

            .counter-value {
                margin-right: -26px;
                font-size: 20px;
                padding-bottom: 6px;
                white-space: normal;
                text-align: center;
            }

        }

        .mobile-dropdown-container {
            display: none;
            flex-direction: column;
            align-items: center;
            background-color: #dbe9f0;
            padding: 14px;
            border-top: solid 1.5px #0a0a0a;
            border-bottom: solid 1.5px #0a0a0a;
        }

        .mobile-dropdown-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-bottom: 2px;
        }

        @media (max-width: 767px) {
            .mobile-dropdown-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }

            .mobile-dropdown-row {
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;
            }

            .mobile-dropdown,
            .mobile-button {
                width: calc(50% - 5px);
                padding: 3px 8px;
                box-sizing: border-box;
                margin: 0;
            }
        }

        @media screen and (max-width: 600px) {
            .tab-container {
                flex-wrap: wrap;
            }

            @media screen and (max-width: 600px) {
                .mobile-dropdown-container {
                    display: flex;
                    position: -webkit-sticky;
                    position: sticky;
                    top: 0;
                    z-index: 1000;
                    margin-bottom: -4px;
                }

            }

            @media screen and (max-width: 600px) {
                .mobile-dropdown {
                    flex: 1;
                    margin: 0 5px;
                }

            }

            .mobile-dropdown-row {
                display: flex;
                justify-content: space-between;
                width: 100%;
                margin-bottom: 10px;
            }

            .mobile-dropdown select,
            #mobile-unit-select {
                width: 100%;
                padding: 12px;
                font-size: 14px;
                font-family: 'arial';
                border: none;
                border-radius: 12px;
                color: #000;
                background-color: #fff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 1em;
                cursor: pointer;
            }

            .mobile-button {
                flex: 1;
                margin: 0 5px;
                display: flex;
                justify-content: center;
            }


            .mobile-dropdown select {
                width: 100%;
                padding: 12px;
                font-size: 14px;
                font-family: 'arial';
                border: none;
                border-radius: 12px;
                color: #000;
                background-color: #fff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 1em;
                cursor: pointer;
            }

            .mobile-dropdown select:focus {
                outline: none;
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            }

            #mobile-unit-select {
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1.9 4.9l.7-.7L6 7.6l3.4-3.4.7.7z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 16px;
                padding-right: 30px;
            }

            @media screen and (max-width: 600px) {
                #mobile-unit-select {
                    width: 100%;
                    padding: 8px;
                    font-size: 14px;
                    border-radius: 8px;
                    background-position: right 5px center;
                    background-size: 12px;
                    padding-right: 20px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }

            .counter-section {
                display: block;
            }

            .dropdown-container {
                flex-direction: column;
                align-items: center;

            }

            #counter-mode {
                margin-left: 0;
                margin-bottom: 10px;
                width: 100%;
            }

            #counter-mode,
            #mobile-counter-mode,
            #mobile-select {
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1.9 4.9l.7-.7L6 7.6l3.4-3.4.7.7z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 16px;
                padding-right: 30px;
            }

            @media screen and (max-width: 600px) {

                #mobile-select,
                #mobile-counter-mode {
                    width: 100%;
                    padding: 8px;
                    font-size: 14px;
                    border-radius: 8px;
                    background-position: right 5px center;
                    background-size: 12px;
                    padding-right: 20px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }

            #pause-play-btn {
                margin-left: 0;
                width: 100%;
            }


            @media screen and (max-width: 600px) {
                #counter-mode {
                    min-width: 200px;
                }
            }

            @media screen and (max-width: 600px) {
                .mobile-button {
                    text-align: center;
                    margin-top: 0;
                }
            }

            #mobile-pause-play-btn {
                width: 100%;
                padding: 12px;
                font-size: 14px;
                border: none;
                border-radius: 12px;
                background-color: #484848;
                color: #fff;
                cursor: pointer;
            }

            #mobile-pause-play-btn:hover {
                background-color: #4f5256;
            }

            #mobile-pause-play-btn .play-text {
                display: none;
            }

            #mobile-pause-play-btn.paused .pause-text {
                display: none;
            }

            #mobile-pause-play-btn.paused .play-text {
                display: inline;
            }

            @media screen and (max-width: 600px) {
                #mobile-pause-play-btn {
                    padding: 8px 12px;
                    font-size: 14px;
                    border-radius: 8px;
                }
            }

            .desktop-dropdown select {
                width: 100%;
                padding: 12px;
                font-size: 16px;
                font-family: 'arial';
                color: #000;
                border: none;
                border-radius: 12px;
                background-color: #ffffff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 1em;
                cursor: pointer;
            }

            .desktop-dropdown select:focus {
                outline: none;
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            }
        }


        /*dropdown colorwave*/

        @keyframes colorTransition {

            0%,
            100% {
                background-color: #ffffff;
            }

            20% {
                background-color: #ffe26e;
            }

            40% {
                background-color: #63eaff;
            }

            60% {
                background-color: #fcabff;
            }

            80% {
                background-color: #87ff89;
            }
        }

        @keyframes arrowSlide {

            0%,
            100% {
                transform: translateX(0);
            }

            50% {
                transform: translateX(10px);
            }
        }

        .highlight-wave {
            animation: colorTransition 6s ease-in-out, arrowSlide 2s ease-in-out infinite;
            transform: scale(1.1);
            transition: transform 0.5s ease-in-out, background-color 1s ease-in-out;
        }

        #pause-play-btn {
            background-color: #f2f2f2;
            border: 2px solid #090909;
            color: #090909;
            font-weight: bold;
            cursor: pointer;
            outline: none;
            margin-left: -10px;
            padding: 6.5px 15px;
            font-size: 12px;
            border-radius: 6px;
            transition: background-color 0.3s ease;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
            width: 68px;
            text-align: center;
        }

        #pause-play-btn:hover {
            background-color: #b7eeff;
            transform: scale(1.03);
            box-shadow: 0 0 1.5px rgba(37, 37, 37, 0.943);
        }

        #pause-play-btn .play-text {
            display: none;
        }

        #pause-play-btn.paused .pause-text {
            display: none;
        }

        #pause-play-btn.paused .play-text {
            display: inline;
        }

        @media screen and (min-width: 601px) {
            .tab-container {
                display: flex;
                justify-content: center;
                align-items: center;
                padding-top: 10px;
            }

            .desktop-dropdown {
                margin-right: 50px;
                /* Space between dropdown groups */
            }

            .dropdown-label {
                display: inline-block;
                margin-right: 10px;
                /* Space between label and dropdown */
            }

            .dropdown-container {
                display: flex;
                align-items: center;
            }

            #counter-mode {
                margin-right: 50px;
                /* Space between second dropdown and pause button */
            }
        }

        @media screen and (min-width: 601px) {
            .tab-container {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .desktop-dropdown,
            .dropdown-container {
                display: flex;
                align-items: center;

            }

            .dropdown-label {
                display: inline-block;
                white-space: nowrap;

            }

            .desktop-dropdown .dropdown-label {
                margin-right: 2px;
                /* Space between label and dropdown */
            }

            .dropdown-container .dropdown-label {
                margin-right: 3px;
                /* Space between label and dropdown */
            }

            #counter-mode {
                margin-left: 0;
                /* No extra space to left */
                margin-right: 25px;
                /* Space between second dropdown and pause button */
            }


            /* Unit dropdown styling */

            #desktop-category-select,
            #counter-mode,
            #unit-select {
                padding: 5px 35px 5px 11px;
                font-size: 14px;
                font-family: 'arial';
                border: solid 1.5px #000000;
                border-radius: 6px;
                background-color: #fcfcfc;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 1em;
                cursor: pointer;
            }

            #desktop-category-select:focus,
            #counter-mode:focus,
            #unit-select:focus {
                outline: none;
            }

            #desktop-category-select,
            #counter-mode,
            #unit-select {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1.9 4.9l.7-.7L6 7.6l3.4-3.4.7.7z'/%3E%3C/svg%3E");
            }

            #timer {
                font-family: inherit;
                font-size: 14px;
                font-weight: inherit;
                color: #000000;
            }
        }

        .text-line {
            text-align: center;
            padding: 10px 0;
            width: 100%;
            margin-bottom: -8px;

        }

        .text-line p {
            color: #000000;
            font-family: 'arial';
            font-size: 14px;
            margin: 0;
        }

        .mobile-text-line {
            width: 100%;
            text-align: center;
            margin-top: -2px;
            margin-bottom: -10px;
        }

        .estimate-text {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 9px;
            text-align: left;
            font-family: 'arial';
            font-size: 16px;
            color: white;
        }

        @media screen and (max-width: 600px) {
            .estimate-text {
                text-align: center;
                margin-right: 5px;
            }
        }
    </style>

</head>

<body>

    <header>

        <img src="logo.webp" alt="The Scale of Life" class="logo">

    </header>

    <div class="tab-container">
        <div class="dropdown-wrapper">
            <div class="desktop-dropdown">
                <span class="dropdown-label">Select a category:</span>
                <select id="desktop-category-select">
                    <option value="Everyday Life">Everyday Life</option>
                    <option value="Industry">Industry</option>
                    <option value="Nature">Nature</option>
                    <option value="Curiosities">Curiosities</option>
                    <option value="Not so Great">Not so Great</option>
                </select>
            </div>
            <div class="dropdown-container">
                <span class="dropdown-label">Time period:</span>
                <select id="counter-mode">
                    <option value="arrival">Since you arrived</option>
                    <option value="ytd">Year to Date</option>
                    <option value="24hours">Past 24 hours</option>
                    <option value="7days">Past 7 days</option>
                    <option value="30days">Past 30 days</option>
                    <option value="365days">Past 365 days</option>
                </select>
                <div class="desktop-dropdown">
                    <span class="dropdown-label">Units:</span>
                    <select id="unit-select">
                        <option value="imperial">Imperial</option>
                        <option value="metric">Metric</option>
                        <option value="mixitup">Mix it up!</option>
                        <option value="naturethings">Nature things</option>
                        <option value="unusualunits">Unusual units</option>
                        <option value="bigunits">BIG units</option>
                    </select>
                </div>
                <button id="pause-play-btn">
                    <span class="pause-text">Pause</span>
                    <span class="play-text" style="display: none;">Start</span>
                </button>
            </div>
        </div>
        <div class="text-line">
            <p><b>A lot happened in the past <span id="timer">0 seconds</b></span>...</p>
        </div>
    </div>

    <div class="mobile-dropdown-container">
        <div class="mobile-dropdown-row">
            <div class="mobile-dropdown">
                <select id="mobile-select">
                    <option value="Everyday Life">Everyday Life</option>
                    <option value="Industry">Industry</option>
                    <option value="Nature">Nature</option>
                    <option value="Curiosities">Curiosities</option>
                    <option value="Not so Great">Not so Great</option>
                </select>
            </div>
            <div class="mobile-dropdown">
                <select id="mobile-counter-mode">
                    <option value="arrival">Since you arrived</option>
                    <option value="ytd">Year to Date</option>
                    <option value="24hours">Past 24 hours</option>
                    <option value="7days">Past 7 days</option>
                    <option value="30days">Past 30 days</option>
                    <option value="365days">Past 365 days</option>
                </select>
            </div>
        </div>
        <div class="mobile-dropdown-row">
            <div class="mobile-dropdown">
                <select id="mobile-unit-select">
                    <option value="imperial">Imperial</option>
                    <option value="metric">Metric</option>
                    <option value="mixitup">Mix it up!</option>
                    <option value="naturethings">Nature things</option>
                    <option value="unusualunits">Unusual units</option>
                    <option value="bigunits">BIG Units</option>
                </select>
            </div>
            <div class="mobile-button">
                <button id="mobile-pause-play-btn">
                    <span class="pause-text">Pause</span>
                    <span class="play-text" style="display: none;">Start</span>
                </button>
            </div>
        </div>
        <div class="mobile-text-line">
            <p><b>A lot happened in the last <span id="mobile-timer">0 seconds</b></span>...</p>
        </div>
    </div>

    <main>
        <div class="counter-section active" data-section="Everyday Life">
            <div class="section-title wide-section-title">
                <h2>Everyday Life in Real Time</h2>
                <p class="section-subtitle">The statistics shown are worldwide unless otherwise indicated - <a href="about.html">learn more here</a>.
                    <br>
                <p class="section-subtitle">Use the category dropdown to change categories <span style="color: #d2311f; font-weight: bold;">(disclaimer: the "Not so
                    Great"
                    category is grim)</span>,
                    the units dropdown to enjoy some entertaining units of measurement,
                    and the time period dropdown to change the timescale (24 hours, 7 days, etc).</p>
                </p>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Newly married couples</h3>
                        </div>
                        <div class="counter-value" data-rate="59194"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/marriages-and-divorces" target="_blank" class="btn-link">Source
                        1 - a deep dive into marriage statistics (interactive charts)</a>
                    <a href="https://ourworldindata.org/grapher/marriage-rate-1990-vs-2010" target="_blank"
                        class="btn-link">Marriage rates by country 1990 vs 2010</a>
                    <a href="https://owlcation.com/social-sciences/Arranged-Marriages-Past-and-Present" target="_blank"
                        class="btn-link">The history of arranged marriages: past and present</a>
                    <a href="https://theculturetrip.com/asia/articles/10-unusual-wedding-traditions-from-around-the-world"
                        target="_blank" class="btn-link">Unusual wedding traditions from around the world</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Commercial airline flights</h3>
                        </div>
                        <div class="counter-value" data-rate="109863"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/564769/airline-industry-number-of-flights/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://www.oag.com/airline-frequency-and-capacity-statistics" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://www.flightradar24.com/30.81,-93.55/3" target="_blank" class="btn-link">Interactive
                        real-time aircraft traffic map</a>
                    <a href="https://thepointsguy.com/news/photo-tour-antonov-an-225-largest-aircraft/" target="_blank"
                        class="btn-link">The largest airplane ever flown</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Births</h3>
                        </div>
                        <div class="counter-value" data-rate="368144"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://worldpopulationreview.com/" target="_blank" class="btn-link">Source 1 with
                        interesting
                        population data and charts</a>
                    <a href="https://ourworldindata.org/births-and-deaths" target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.statista.com/statistics/805069/death-rate-worldwide/" target="_blank"
                        class="btn-link">Source 3</a>
                    <a href="https://neal.fun/baby-map/" target="_blank" class="btn-link">Real-time birth map
                        visualization</a>
                    <a href="https://ourworldindata.org/child-mortality" target="_blank" class="btn-link">The incredible
                        decrease in infant morality over time</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Uber trips taken</h3>
                        </div>
                        <div class="counter-value" data-rate="28473391" data-unit=""></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://investor.uber.com/news-events/news/press-release-details/2024/Uber-Announces-Results-for-Fourth-Quarter-and-Full-Year-2023/default.aspx"
                        target="_blank" class="btn-link">Source 1 - Uber's 2023 fiscal reports </a>
                    <a href="https://www.uber.com/blog/tech-stack-part-one-foundation/" target="_blank"
                        class="btn-link">The
                        Uber enginneering tech stack</a>
                    <a href="https://www.susanjfowler.com/blog/2017/2/19/reflecting-on-one-very-strange-year-at-uber"
                        target="_blank" class="btn-link">Reflecting on one very, very strange year at Uber</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Beer brewed</h3>
                        </div>
                        <div class="counter-value" data-rate="135563688" data-unit="gal."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.barthhaas.com/resources/barthhaas-report#!beer-production" target="_blank"
                        class="btn-link">Source 1 with charts and Graphs</a>
                    <a href="https://www.statista.com/statistics/270275/worldwide-beer-production/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://www.thecollector.com/history-of-beer-facts/" target="_blank" class="btn-link">The
                        fascinating ancient history of beer</a>
                    <a href="https://www.businessinsider.com/guides/kitchen/how-is-beer-made?op=1" target="_blank"
                        class="btn-link">How beer is brewed</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Packages delivered</h3>
                        </div>
                        <div class="counter-value" data-rate="531421525"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.pitneybowes.com/content/dam/pitneybowes/us/en/shipping-index/22-pbcs-04529-2021-global-parcel-shipping-index-ebook-web-002.pdf"
                        target="_blank" class="btn-link">Source 1 with
                        a worldwide parcel delivery market report and carrier volume visualizations by country</a>
                    <a href="https://www.statista.com/statistics/1139910/parcel-shipping-volume-worldwide/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.youtube.com/watch?v=ssZ_8cqfBlE" target="_blank" class="btn-link">Marvel at a
                        fully automated grocery picking and packing warehouse with 2,300 robots (video)</a>
                    <a href="https://www.youtube.com/watch?v=Cd0b29LztcY" target="_blank" class="btn-link">Inside the
                        UPS worldport shipping superhub, the world's largest automated package handling facility (45
                        min. video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Seafood eaten</h3>
                        </div>
                        <div class="counter-value" data-rate="996863013" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">

                    <a href="https://www.statista.com/statistics/820953/per-capita-consumption-of-seafood-worldwide/"
                        target="_blank" class="btn-link">Source 1
                    </a>
                    <a href="https://ourworldindata.org/fish-and-overfishing" target="_blank" class="btn-link">Source 2
                        - a fascinating look at the fishing industry with 30+ interactive charts, graphs, and maps</a>
                    <a href="https://www.nationalgeographic.com/foodfeatures/aquaculture/" target="_blank"
                        class="btn-link">The aquaculture (farmed seafood) revolution</a>
                    <a href="https://www.scientificamerican.com/article/innovative-fish-farms-aim-to-feed-the-planet-save-jobs-and-clean-up-an-industrys-dirty-reputation/"
                        target="_blank" class="btn-link">A deep dive into the aquaculture industry in Maine</a>
                    <a href="https://www.youtube.com/watch?v=fQEwECzZL_s" target="_blank" class="btn-link">Deep sea
                        fishing (1.5 hour documentary video on a fishing/packaging vessel)</a>
                    <a href="https://www.factretriever.com/fun-fish-facts" target="_blank" class="btn-link">63 fantastic
                        fish facts</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>$ of illicit drugs purchased <span class="counter-label-note">(USD)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="1804953872"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://gfintegrity.org/report/transnational-crime-and-the-developing-world/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://www.unodc.org/unodc/data-and-analysis/world-drug-report-2022.html" target="_blank"
                        class="btn-link">Source 2 - UN world drug report</a>
                    <a href="https://www.youtube.com/watch?v=Bw6KZR7WVMM" target="_blank" class="btn-link">Columbian
                        cocaine farming and production along the El Naya - vice news (video)</a>
                    <a href="https://allthatsinteresting.com/20th-century-anti-marijuana-propaganda#1" target="_blank"
                        class="btn-link">33 vintage anti-marijuana advertisements from the US</a>
                    <a href="https://www.erowid.org/psychoactives/psychoactives.shtml" target="_blank"
                        class="btn-link">Erowid - the "encyclopedia" of psychoactive drugs</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Credit/Debit card transactions</h3>
                        </div>
                        <div class="counter-value" data-rate="1984557136"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/261327/number-of-per-card-credit-card-transactions-worldwide-by-brand-as-of-2011/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://capitaloneshopping.com/research/number-of-credit-card-transactions/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.wealthsimple.com/en-ca/magazine/cobol-controls-your-money" target="_blank"
                        class="btn-link">COBOL - The code that moves your money</a>
                    <a href="https://slate.com/technology/2013/06/online-credit-card-security-the-rsa-algorithm-prime-numbers-and-pierre-fermat.html"
                        target="_blank" class="btn-link">The prime numbers keeping your card information safe</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Cups of coffee enjoyed</h3>
                        </div>
                        <div class="counter-value" data-rate="2190529534"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.driveresearch.com/market-research-company-blog/coffee-survey/#:~:text=Over%202.25%20billion%20cups%20of%20coffee%20are%20consumed%20in%20the%20world%20daily.&text=87%25%20of%20Americans%20consider%20themselves,full%2Don%20coffee%2Dobsessed."
                        target="_blank" class="btn-link">Source 1 </a>
                    <a href="https://worldpopulationreview.com/country-rankings/coffee-consumption-by-country"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.statista.com/topics/5945/coffee-market-worldwide/#topicOverview"
                        target="_blank" class="btn-link">Source 3</a>
                    <a href="https://www.ncausa.org/About-Coffee/10-Steps-from-Seed-to-Cup" target="_blank"
                        class="btn-link">10 steps from seed to cup</a>
                    <a href="https://www.mentalfloss.com/article/54536/how-does-caffeine-work" target="_blank"
                        class="btn-link">How caffeine works in 60 seconds</a>
                    <a href="https://www.goodhousekeeping.com/health/diet-nutrition/a30303/facts-about-coffee/"
                        target="_blank" class="btn-link">21 fun coffee facts </a>
                    <a href="https://en.wikipedia.org/wiki/Kopi_luwak" target="_blank" class="btn-link">Kopi Luwak -
                        gourmet coffee from cat feces</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Youtube videos watched</h3>
                        </div>
                        <div class="counter-value" data-rate="5081537953"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.comparitech.com/tv-streaming/youtube-statistics/" target="_blank"
                        class="btn-link">Source 1 with 30 Youtube stats and facts </a>
                    <a href="https://techjury.net/blog/how-many-videos-are-uploaded-to-youtube-a-day/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://us.youtubers.me/global/all/top-1000-most-subscribed-youtube-channels"
                        target="_blank" class="btn-link">Top 1000 youtubers ranked by most subscriptions (with
                        individual category options)</a>
                    <a href="https://www.ytroulette.com/?i=36236&c=0&l=en" target="_blank" class="btn-link">Watch random
                        youtube videos (with categories)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Cigarettes smoked</h3>
                        </div>
                        <div class="counter-value" data-rate="13398653856"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://assets.tobaccofreekids.org/global/pdfs/en/Global_Cigarette_Industry_pdf.pdf"
                        target="_blank" class="btn-link">Source 1 with an industry overview</a>
                    <a href="https://tobaccoatlas.org/challenges/product-sales/" target="_blank" class="btn-link">Source
                        2</a>
                    <a href="https://allthatsinteresting.com/vintage-cigarette-ads#1" target="_blank"
                        class="btn-link">Vintage cigarette advertisements (physician approved!)</a>
                    <a href="https://en.wikipedia.org/wiki/History_of_tobacco" target="_blank" class="btn-link">The
                        history of tobacco use worldwide</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Hours worked</h3>
                        </div>
                        <div class="counter-value" data-rate="24760326849"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://worldpopulationreview.com/country-rankings/average-work-week-by-country"
                        target="_blank" class="btn-link">Source 1 with an interactive map</a>
                    <a href="https://en.wikipedia.org/wiki/List_of_countries_by_average_annual_labor_hours"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://ourworldindata.org/working-more-than-ever" target="_blank"
                        class="btn-link">Comparison
                        of average hours worked today vs. the past by country</a>
                    <a href="https://www.glassdoor.com/blog/workplace-differences-around-the-world/" target="_blank"
                        class="btn-link">10 ways workplace culture differs around the world</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Whatsapp messages sent</h3>
                        </div>
                        <div class="counter-value" data-rate="134785965205"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.demandsage.com/whatsapp-statistics/" target="_blank" class="btn-link">Source 1
                        with detailed worldwide statistics</a>
                    <a href="https://backlinko.com/whatsapp-users" target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.wired.com/story/whats-app-owner-founder-jan-koum-facebook/" target="_blank"
                        class="btn-link">How founder Jan Koum built Whatsapp</a>
                    <a href="https://www.thinkimpact.com/whatsapp-statistics/" target="_blank" class="btn-link">Whatsapp
                        (the world's most used messaging app) user statistics </a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Emails sent</h3>
                        </div>
                        <div class="counter-value" data-rate="361060807011"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.zippia.com/advice/how-many-emails-are-sent-per-day/" target="_blank"
                        class="btn-link">Source 1 with 75 interesting email statistics</a>
                    <a href="https://www.statista.com/statistics/456500/daily-number-of-e-mails-worldwide/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.emailonacid.com/blog/article/email-marketing/history-of-email/" target="_blank"
                        class="btn-link">The history of email (a good summary with some marketing spam for the
                        irony)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Water used <span class="counter-label-note">(residential, commercial, and
                                    agricultural)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="3037185769916" data-unit="gal."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/water-use-stress" target="_blank" class="btn-link">Source 1 -
                        international water report with interactive charts and maps </a>
                    <a href="https://www.youtube.com/watch?v=KsVfshmK0Ak" target="_blank" class="btn-link">How city
                        water purification and waste treatment works, an incredible 3D treatment plant simulation
                        (video)</a>
                    <a href="https://www.youtube.com/watch?v=mxqOPdEUNTs" target="_blank" class="btn-link">Why
                        desalination is so difficult (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="section-title">
                <h2>The human body</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Skin cells shed by your body <span class="counter-label-note">(aka dust)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="490528301"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="http://scienceline.ucsb.edu/getkey.php?key=7116" target="_blank" class="btn-link">Source 1
                        with a quick overview of the science</a>
                    <a href="https://www.sciencedaily.com/releases/2011/05/110509114034.htm" target="_blank"
                        class="btn-link">Source 2
                        <a href="https://www.innerbody.com/image/nerv16.html" target="_blank" class="btn-link">The
                            layers of the skin - a 3D interactive model (click tab for 3D)
                        </a>
                        <a href="https://open.oregonstate.education/aandp/chapter/5-1-layers-of-the-skin/"
                            target="_blank" class="btn-link">The anatomy of the skin (microscopic images and
                            illustrations)
                        </a>
                        <a href="https://www.youtube.com/watch?v=jn5M48MVWyg" target="_blank" class="btn-link">Is dust
                            mostly dead skin (video)
                        </a>
                        <a href="https://www.sciencefocus.com/the-human-body/10-remarkable-facts-about-skin"
                            target="_blank" class="btn-link">10 remarkable facts about skin
                        </a>
                        <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Red blood cells produced by your body</h3>
                        </div>
                        <div class="counter-value" data-rate="255817623048"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://bio.libretexts.org/Bookshelves/Introductory_and_General_Biology/Book%3A_General_Biology_(Boundless)/40%3A_The_Circulatory_System/40.05%3A_Components_of_the_Blood_-_Red_Blood_Cells"
                        target="_blank" class="btn-link">Source 1 - a great intro to science of red blood cells</a>
                    <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5336341/" target="_blank"
                        class="btn-link">Source
                        2 - red blood cell proteomics (scientific paper)</a>
                    <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4717490/" target="_blank"
                        class="btn-link">Source
                        3 - red blood cell population dynamics (scientific paper)</a>
                    <a href="https://www.smithsonianmag.com/science-nature/your-blood-type-lot-more-complicated-you-think-180951669/?no-ist"
                        target="_blank" class="btn-link">Your blood type is a lot more complicated than you think</a>
                    <a href="https://www.youtube.com/watch?v=yj7bfZKlIp8" target="_blank" class="btn-link">The
                        composition and function of blood (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>New cells produced by your body</h3>
                        </div>
                        <div class="counter-value" data-rate="330842611237"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.scientificamerican.com/article/our-bodies-replace-billions-of-cells-every-day/"
                        target="_blank" class="btn-link">Source 1 with an article about turnover rates of different cell
                        types</a>
                    <a href="https://www.businessinsider.com/how-old-are-cells-cellular-lifespan-2016-8?op=1"
                        target="_blank" class="btn-link">Infographic of how often cells are replaced and when they stop
                        growing</a>
                    <a href="https://sitn.hms.harvard.edu/flash/2017/unexpected-lessons-learned-mid-century-atomic-bomb-explosions/"
                        target="_blank" class="btn-link">How nuclear weapons testing enabled scientists to determine
                        cell turnover rates</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Hemogloblin molecules created in your body <span class="counter-label-note">(inside the
                                    new red blood cells)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="63954880140037590642"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://bio.libretexts.org/Bookshelves/Introductory_and_General_Biology/Book%3A_General_Biology_(Boundless)/40%3A_The_Circulatory_System/40.05%3A_Components_of_the_Blood_-_Red_Blood_Cells"
                        target="_blank" class="btn-link">Source 1 - the basic science of red blood cells
                        and hemoglobin</a>
                    <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5336341/" target="_blank"
                        class="btn-link">Source
                        2 - Red blood cell proteomics</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Oxygen atoms attached to these new hemoglobins</h3>
                        </div>
                        <div class="counter-value" data-rate="255819520560150362568"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://bio.libretexts.org/Bookshelves/Introductory_and_General_Biology/Book%3A_General_Biology_(Boundless)/40%3A_The_Circulatory_System/40.05%3A_Components_of_the_Blood_-_Red_Blood_Cells"
                        target="_blank" class="btn-link">Source 1 - the basic science of red blood cells
                        and hemoglobin</a>
                    <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5336341/" target="_blank"
                        class="btn-link">Source
                        2 - Red blood cell proteomics (scientific paper)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>ATP molecules produced in your body</h3>
                        </div>
                        <div class="counter-value" data-rate="928800000000000000000000013"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.verywellhealth.com/atp-6374347" target="_blank" class="btn-link">Source 1 with
                        an article about what ATP is, why it's essential for life, and how it works </a>






                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="section-title">
                <h2>The scale of industry</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Vehicles manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="257534"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://en.wikipedia.org/wiki/List_of_countries_by_motor_vehicle_production"
                        target="_blank" class="btn-link">Source 1 with production data by country</a>
                    <a href="https://www.statista.com/statistics/262747/worldwide-automobile-production-since-2000/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.acea.auto/figure/world-motor-vehicle-production/" target="_blank"
                        class="btn-link">Source 3</a>
                    <a href="https://www.youtube.com/watch?v=3AbU_CnkBiE" target="_blank" class="btn-link">Low
                        bridge (funny video)</a>
                    <a href="https://thefactfile.org/car-facts/" target="_blank" class="btn-link">102 fascinating
                        automobile facts</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Cans of Spam produced</h3>
                        </div>
                        <div class="counter-value" data-rate="1105920"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.spam.com/what-is-spam-brand" target="_blank" class="btn-link">Source 1 -
                        Spam.com with some company history and fun facts</a>
                    <a href="https://www.eater.com/2014/7/9/6191681/a-brief-history-of-spam-an-american-meat-icon"
                        target="_blank" class="btn-link">Spam - from culinary tradition to object of scorn and back
                        again</a>
                    <a href="https://www.mashed.com/166232/this-is-how-spam-is-really-made/" target="_blank"
                        class="btn-link">How Spam is really made</a>
                    <a href="https://www.spokesman.com/stories/2023/aug/14/how-spam-fed-our-troops-and-became-an-internationa/"
                        target="_blank" class="btn-link">How Spam fed our troops and became an international
                        phenomenon</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Smartphones manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="3691259"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/263437/global-smartphone-sales-to-end-users-since-2007/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://medium.com/swlh/richmazzola-how-do-cellphones-work-a-story-of-physics-towers-and-the-government-8369aa7226b1"
                        target="_blank" class="btn-link">Learn how cell phones communicate with cell towers</a>
                    <a href="https://www.youtube.com/watch?v=xnobktms0TM" target="_blank" class="btn-link">The evolution
                        of mobile phones (video with lots of "tech nostalgia")</a>
                    <a href="https://www.youtube.com/watch?v=MnrJzXM7a6o" target="_blank" class="btn-link">Steve Jobs
                        introduces the first smartphone (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Pairs of shoes purchased</h3>
                        </div>
                        <div class="counter-value" data-rate="65479452"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://runrepeat.com/footwear-production-statistics" target="_blank"
                        class="btn-link">Source 1
                        with detailed global shoe production statistics</a>
                    <a href="https://www.statista.com/topics/4571/global-footwear-market/#topicOverview" target="_blank"
                        class="btn-link">Source 2</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Milk produced <span class="counter-label-note">(all animals)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="669776215" data-unit="gal."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/grapher/milk-production-tonnes" target="_blank"
                        class="btn-link">Source 1 with an interactive map</a>
                    <a href="https://www.fao.org/dairy-production-products/production/en/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://fil-idf.org/world-dairy-situation-report-2021/" target="_blank"
                        class="btn-link">Source
                        3</a>
                    <a href="https://www.statista.com/statistics/263952/production-of-milk-worldwide/" target="_blank"
                        class="btn-link">Source 4</a>
                    <a href="https://www.youtube.com/watch?v=Zvjw9OLHf24" target="_blank" class="btn-link">How cows
                        produce milk (video) - a 3d tour of the cow's four stomachs</a>
                    <a href="https://dairycarrie.com/2019/05/06/bottling-milk-how-is-milk-made/" target="_blank"
                        class="btn-link">From farm to table, learn how cow milk is processed</a>
                    <a href="https://sclydeweaver.com/blog/how-is-cheese-made/" target="_blank" class="btn-link">How
                        cheese is made</a>
                    <div class="estimate-text"></div>

                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Aluminum cans manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="1008219178"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.industryarc.com/Research/Beverage-Cans-Market-Research-504931" target="_blank"
                        class="btn-link">Source 1 with an industry overview</a>
                    <a href="https://metalpackagingeurope.org/information-hub" target="_blank" class="btn-link">Source 2
                        - aluminum recycling statistics</a>
                    <a href="https://www.wired.com/2015/03/secret-life-aluminum-can-true-modern-marvel/" target="_blank"
                        class="btn-link">The secret life of the aluminum can, a feat of modern engineering</a>
                    <a href="https://www.madehow.com/Volume-2/Aluminum-Beverage-Can.html" target="_blank"
                        class="btn-link">How aluminum cans are made</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Plastic bottles molded</h3>
                        </div>
                        <div class="counter-value" data-rate="1594573248"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/723191/production-of-polyethylene-terephthalate-bottles-worldwide/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://www.reuters.com/business/environment/rising-bottled-water-consumption-signals-safe-drinking-water-goal-is-under-2023-03-16/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.youtube.com/watch?v=-gKGkDRGdmM" target="_blank" class="btn-link">How plastic
                        PET bottles are made (video)</a>
                    <a href="https://www.nih.gov/news-events/nih-research-matters/plastic-particles-bottled-water"
                        target="_blank" class="btn-link">A new study (2024) shows an average bottle of water (1L)
                        contains 240,000 microplastic particles</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Meat produced <span class="counter-label-note">(all animals except fish and
                                    insects)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="2105522399" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/meat-production" target="_blank" class="btn-link">Source 1
                        featuring a
                        deep dive into meat production statistics with interactive charts and maps</a>
                    <a href="=https://www.statista.com/chart/28251/global-meat-production/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://www.wifss.ucdavis.edu/wp-content/uploads/2015/FDA/fdacoursefinal1/Beef_Food_Animal_Production.pdf"
                        target="_blank" class="btn-link">Beef production terminology and cattle breeds</a>
                    <a href="https://www.nationalgeographic.com/foodfeatures/aquaculture/" target="_blank"
                        class="btn-link">The aquaculture (farmed fish) revolution</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Plastic created</h3>
                        </div>
                        <div class="counter-value" data-rate="2469058943" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/plastic-pollution" target="_blank" class="btn-link">Source 1
                        with interactive map</a>
                    <a href="https://www.statista.com/statistics/282732/global-production-of-plastics-since-1950/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://science.howstuffworks.com/plastic1.htm" target="_blank" class="btn-link">A primer
                        on plastics</a>
                    <a href="https://www.acs.org/education/whatischemistry/landmarks/bakelite.html" target="_blank"
                        class="btn-link">The history of the world's first plastics</a>
                    <a href="https://www.hubs.com/guides/injection-molding/" target="_blank" class="btn-link">How
                        injection molding works</a>
                    <a href="https://interestingengineering.com/science/microplastics-recycling-pollution-plastic"
                        target="_blank" class="btn-link">Recycling’s hidden microplastic menace</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Petroleum extracted</h3>
                        </div>
                        <div class="counter-value" data-rate="4089344826" data-unit="gal."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www3.eia.gov/energyexplained/oil-and-petroleum-products/data-and-statistics.php"
                        target="_blank" class="btn-link">Source 1 with detailed breakdown (mainly US info)</a>
                    <a href="https://www.statista.com/statistics/265239/global-oil-consumption-in-barrels-per-day/"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://science.howstuffworks.com/environmental/energy/oil-refining.htm" target="_blank"
                        class="btn-link">How an oil refinery works</a>
                    <a href="https://www.youtube.com/watch?v=ytvBhLGLMrA" target="_blank" class="btn-link">An incredible
                        video tour of an offshore oil drilling platform</a>
                    <a href="https://www.thedriller.com/drilling-history" target="_blank" class="btn-link">A detailed
                        history of oil drilling and innovations in the US</a>
                    <a href="https://globalenergymonitor.org/projects/global-oil-gas-extraction-tracker/tracker-map/"
                        target="_blank" class="btn-link">Interactive map of oil and gas extraction sites worldwide</a>
                    <a href="https://globalenergymonitor.org/projects/global-oil-infrastructure-tracker/tracker-map/"
                        target="_blank" class="btn-link">Interactive map of oil pipelines worldwide</a>
                    <a href="https://www.essentialchemicalindustry.org/processes/cracking-isomerisation-and-reforming.html"
                        target="_blank" class="btn-link">The science of cracking, isomerisation and reforming</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Chicken eggs produced</h3>
                        </div>
                        <div class="counter-value" data-rate="4504104755"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.fao.org/assets/infographics/FAO-Infographic-egg-facts-en.pdf" target="_blank"
                        class="btn-link">Source 1 with egg production infographics</a>
                    <a href="https://ourworldindata.org/grapher/egg-production-thousand-tonnes" target="_blank"
                        class="btn-link">Source 2 with interactive map</a>
                    <a href="https://www.internationalegg.com/resource/global-egg-production-continues-to-grow/"
                        target="_blank" class="btn-link">Source 3</a>
                    <a href="https://www.youtube.com/watch?v=g1IVTDmV35o" target="_blank" class="btn-link">How
                        commercial egg production works (video)</a>
                    <a href="https://www.almanac.com/intriguing-egg-facts-and-folklore" target="_blank"
                        class="btn-link">Intriguing egg facts</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Corn harvested</h3>
                        </div>
                        <div class="counter-value" data-rate="6931506849" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://en.wikipedia.org/wiki/List_of_countries_by_corn_production" target="_blank"
                        class="btn-link">Source 1 with production by country</a>
                    <a href="https://www.statista.com/statistics/1156213/global-corn-production/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://www.statista.com/statistics/263977/world-grain-production-by-type/" target="_blank"
                        class="btn-link">Source 3 with comparsion to other grains</a>
                    <a href="https://storymaps.arcgis.com/stories/8d61587fa6804967b4af7252711bd68a" target="_blank"
                        class="btn-link">A visual story on the history of maize</a>
                    <a href="https://www.youtube.com/watch?v=DM2KD08JSSQ" target="_blank" class="btn-link">Modern
                        Marvels: Corn (45 min. video episode)</a>
                    <a href="https://www.uaex.uada.edu/publications/pdf/mp437/mp437.pdf" target="_blank"
                        class="btn-link">The corn production handbook for farmers (down the rabbit hole...)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Steel manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="11331506849" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://worldsteel.org/wp-content/uploads/World-Steel-in-Figures-2023.pdf" target="_blank"
                        class="btn-link">Source 1 - detailed world report</a>
                    <a href="https://www.statista.com/statistics/267264/world-crude-steel-production/" target="_blank"
                        class="btn-link">Source 2</a>
                    <a href="https://www.britannica.com/technology/steel" target="_blank" class="btn-link">A deep dive
                        into everything steel</a>
                    <a href="https://www.thechemicalengineer.com/features/cewctw-henry-bessemer-man-of-steel/"
                        target="_blank" class="btn-link">The Bessemer process, a cornerstone of the industrial
                        revolution</a>
                    <a href="https://www.youtube.com/watch?v=95RFRaUxwBE" target="_blank" class="btn-link">Take a tour
                        of a steel mill (video)</a>
                    <a href="https://www.youtube.com/watch?v=GOxT9tFGC50" target="_blank" class="btn-link">15 different
                        steel forging machines in action (video)</a>
                    <a href="https://www.youtube.com/watch?v=EI_4QDByiW4" target="_blank" class="btn-link">How steel
                        forged an American empire (history channel, 1.5 hour video)</a>
                    <a href="https://globalenergymonitor.org/projects/global-steel-plant-tracker/" target="_blank"
                        class="btn-link">Interactive map showing the details of over 1,100 steel mills worldwide</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Concrete produced</h3>
                        </div>
                        <div class="counter-value" data-rate="24712328767" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/1087115/global-cement-production-volume/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://worldpopulationreview.com/country-rankings/cement-production-by-country"
                        target="_blank" class="btn-link">Source 2 with production by country</a>
                    <a href="https://www.youtube.com/watch?v=rWVAzS5duAs" target="_blank" class="btn-link">All about
                        concrete while being
                        buried in it (25 min. video)</a>
                    <a href="https://www.youtube.com/watch?v=vL2KoMNzGTo" target="_blank" class="btn-link">3D printing
                        concrete homes (video)</a>
                    <a href="https://news.mit.edu/2020/explained-cement-vs-concrete-understanding-differences-and-sustainability-opportunities-0403"
                        target="_blank" class="btn-link">The difference between concrete and cement</a>
                    <a href="https://www.bigrentz.com/blog/the-history-of-concrete" target="_blank" class="btn-link">The
                        history of concrete</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Coal mined</h3>
                        </div>
                        <div class="counter-value" data-rate="47954113428" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.iea.org/reports/coal-2022/executive-summary" target="_blank"
                        class="btn-link">Source 1 with market analysis</a>
                    <a href="https://www.eia.gov/international/data/world/coal-and-coke/coal-and-coke-production?pd=1&p=3i00000000000000000000000000000000000180000000000000g&u=0&f=A&v=mapbubble&a=-&i=none&vo=value&t=C&g=00000000000000000000000000000000000000000000000001&l=249-ruvvvvvfvtvnvv1vrvvvvfvvvvvvfvvvou20evvvvvvvvvvnvvvs0008&s=315532800000&e=1609459200000&"
                        target="_blank" class="btn-link">Source 2 by country and type of coal</a>
                    <a href="https://en.wikipedia.org/wiki/List_of_countries_by_coal_production" target="_blank"
                        class="btn-link">Source 3 with chart by country</a>
                    <a href="https://globalenergymonitor.org/projects/global-coal-mine-tracker/tracker-map/"
                        target="_blank" class="btn-link">Interactive map showing the details of 6,000+ coal mines
                        worldwide</a>
                    <a href="https://www.youtube.com/watch?v=twZlcXuJTp8" target="_blank" class="btn-link">The bucket
                        wheel excavator, the world's largest terrestrial vehicle (short video)</a>
                    <a href="https://lithub.com/a-day-in-the-life-of-a-west-virginia-coal-miner/" target="_blank"
                        class="btn-link">Life as a coal miner in the 1890's</a>
                    <a href="https://www.youtube.com/watch?v=WmwEB4DY_jc" target="_blank" class="btn-link">Underground
                        mechanized longwall coal mining (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>

            <div class="section-title">
                <h2>Hidden realities of life</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Distance you have traveled through space</h3>
                        </div>
                        <div class="counter-value" data-rate="32096028" data-unit="mi."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.businessinsider.com/earth-screaming-through-space-nasa-animated-video-2019-10?op=1"
                        target="_blank" class="btn-link">Source 1 - Your velocity relative to earth's rotation, the sun,
                        etc.</a>
                    <a href="https://www.space.com/human-travel-trillion-miles-lifetime-universe-motion" target="_blank"
                        class="btn-link">Source 2 - 1 trillion miles in a lifetime</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Neutrinos passed through your body</h3>
                        </div>
                        <div class="counter-value" data-rate="8641072249764856742"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.symmetrymagazine.org/article/the-particle-physics-of-you" target="_blank"
                        class="btn-link">Source 1 - If you compressed the empty space out of all humans, would they fit
                        in the space of a sugar cube?</a>
                    <a href="https://minerva.fnal.gov/why-study-neutrinos/" target="_blank" class="btn-link">Source 2 -
                        Fermilab</a>
                    <a href="https://www.wired.com/story/physicists-get-close-knowing-mass-neutrino/" target="_blank"
                        class="btn-link">Source 3 with article</a>
                    <a href="https://www.smithsonianmag.com/science-nature/looking-for-neutrinos-natures-ghost-particles-64200742/"
                        target="_blank" class="btn-link">Source 4 with article</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
        </div>








        <div class="counter-section" data-section="Industry">
            <div class="section-title">
                <h2>Stuff made</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Cardiac pacemakers manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="3040"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://pubmed.ncbi.nlm.nih.gov/21707667/" target="_blank" class="btn-link">Source 1</a>




                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Electric cars manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="37962"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://ourworldindata.org/electric-car-sales" target="_blank" class="btn-link">Source 1 -
                        report with interactive maps and charts</a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Motorcycles manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="128287"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://bikerestart.com/motorcycle-statistics/" target="_blank" class="btn-link">Source 1
                        with complete industry report</a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>TV's manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="690610"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/forecasts/1283864/global-sales-volume-tv" target="_blank"
                        class="btn-link">Source 1 </a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Smartphones manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="3691259"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/263437/global-smartphone-sales-to-end-users-since-2007/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://medium.com/swlh/richmazzola-how-do-cellphones-work-a-story-of-physics-towers-and-the-government-8369aa7226b1"
                        target="_blank" class="btn-link">Learn how cell phones communicate with cell towers</a>
                    <a href="https://www.youtube.com/watch?v=xnobktms0TM" target="_blank" class="btn-link">The evolution
                        of mobile phones (video with lots of "tech nostalgia")</a>
                    <a href="https://www.youtube.com/watch?v=MnrJzXM7a6o" target="_blank" class="btn-link">Steve Jobs
                        introduces the first smartphone (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Tires manufactured</h3>
                        </div>
                        <div class="counter-value" data-rate="8224371"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.sciencedirect.com/science/article/pii/S0048969724012920" target="_blank"
                        class="btn-link">Source 1 - an enviromental study of tire waste</a>
                    <a href="https://www.smithers.com/resources/2021/november/tire-industry-rebounds-to-$264-billion-in-2021"
                        target="_blank" class="btn-link">Source 2</a>
                    <a href="https://www.statista.com/statistics/625275/global-tire-market-volume/" target="_blank"
                        class="btn-link">Source 3</a>
                    <a href="https://www.youtube.com/watch?v=0VM74BHb_s4" target="_blank" class="btn-link">How car tires
                        are made (video)</a>
                    <a href="https://www.youtube.com/watch?v=9Q728G3yqKQ" target="_blank" class="btn-link">A Nigerian
                        entrepreneur's solution for recycling old tires (video)
                    </a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Hydrochloric acid synthesized</h3>
                        </div>
                        <div class="counter-value" data-rate="120757921" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.sciencedirect.com/topics/chemical-engineering/hydrochloric-acid"
                        target="_blank" class="btn-link">Source 1 </a>






                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Single use cups made</h3>
                        </div>
                        <div class="counter-value" data-rate="1371594829"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://kleanindustries.com/resources/market-analysis-research/fact-sheet-single-use-plastics/"
                        target="_blank" class="btn-link">Source 1 </a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Microprocessors fabricated</h3>
                        </div>
                        <div class="counter-value" data-rate="3284387691"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.semiconductors.org/global-semiconductor-sales-units-shipped-reach-all-time-highs-in-2021-as-industry-ramps-up-production-amid-shortage/"
                        target="_blank" class="btn-link">Source 1</a>
                    <a href="https://ig.ft.com/microchips/" target="_blank" class="btn-link">The miracle of microchips,
                        a visual story</a>
                    <a href="https://newatlas.com/computers/eniac-worlds-first-modern-computer-public-debut/"
                        target="_blank" class="btn-link">The first modern electronic computer</a>
                    <a href="https://www.youtube.com/watch?v=dX9CGRZwD-w" target="_blank" class="btn-link">How
                        microchips are made (30 min. deep dive video)</a>
                    <a href="https://www.youtube.com/watch?v=7J7X7aZvMXQ" target="_blank" class="btn-link">How computer
                        memory works (30 min. deep dive video)</a>
                    <a href="https://en.wikipedia.org/wiki/Antikythera_mechanism" target="_blank" class="btn-link">The
                        world's oldest mechanical computer</a>
                    <a href="microprocessorfacts.html" target="_blank" class="btn-link">Microchip fabrication facts</a>
                    <div class="estimate-text"></div>
                </div>
            </div>





            <div class="section-title">
                <h2>Stuff mined</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Berylium mined</h3>
                        </div>
                        <div class="counter-value" data-rate="2004" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.visualcapitalist.com/all-the-metals-we-mined-in-one-visualization/"
                        target="_blank" class="btn-link">Source 1 - all the metals we mined in one infographic</a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Gold mined</h3>
                        </div>
                        <div class="counter-value" data-rate="18016" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/238414/global-gold-production-since-2005/"
                        target="_blank" class="btn-link">Source 1 </a>
                    <a href="https://ourworldindata.org/grapher/gold-production" target="_blank" class="btn-link">Source
                        2 with interactive chart of gold production over the past century</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Silver mined</h3>
                        </div>
                        <div class="counter-value" data-rate="158412" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.mining-technology.com/analyst-comment/global-silver-production-2024/?cf-view"
                        target="_blank" class="btn-link">Source 1 with future projections</a>
                    <a href="https://www.statista.com/statistics/253293/silver-production-volume-worldwide/"
                        target="_blank" class="btn-link">Source 2</a>




                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Cobalt mined</h3>
                        </div>
                        <div class="counter-value" data-rate="1388726" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/339759/global-cobalt-mine-production/" target="_blank"
                        class="btn-link">Source 1 </a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Nickel mined</h3>
                        </div>
                        <div class="counter-value" data-rate="20530089" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/topics/1572/nickel/" target="_blank" class="btn-link">Source 1
                    </a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Copper mined</h3>
                        </div>
                        <div class="counter-value" data-rate="144581273" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/topics/1409/copper/" target="_blank" class="btn-link">Source 1
                    </a>
                    <a href="https://www.visualcapitalist.com/visualizing-copper-production-by-country-in-2023/"
                        target="_blank" class="btn-link">Source 2 with infographic of production by country</a>




                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Bauxite mined <span class="counter-label-note">(aluminum ore)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="2428132780" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.statista.com/statistics/264964/production-of-bauxite/" target="_blank"
                        class="btn-link">Source 1</a>
                    <a href="https://en.wikipedia.org/wiki/List_of_countries_by_bauxite_production" target="_blank"
                        class="btn-link">Source 2 with list of production by country</a>



                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Iron Ore mined</h3>
                        </div>
                        <div class="counter-value" data-rate="15095642873" data-unit="lbs."></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.visualcapitalist.com/all-the-metals-we-mined-in-one-visualization/"
                        target="_blank" class="btn-link">Source 1 with infographic of common metals mined</a>





                    <div class="estimate-text"></div>
                </div>
            </div>

            <div class="section-title">
                <h2>Somewhat popular</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Bottles of Tabasco hot sauce sold</h3>
                        </div>
                        <div class="counter-value" data-rate="732184"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.youtube.com/watch?v=Xnaj9ULhwqU" target="_blank" class="btn-link">Source 1 - a
                        tour of Tabasco headquarters, from farm to bottle (video)</a>



                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Dunkin Donuts coffees sold <span class="counter-label-note">(retail only,
                                    non-grocery)</span></h3>
                        </div>
                        <div class="counter-value" data-rate="11344853"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://intelligence.coffee/2023/04/dunkin-became-global-coffee-giant/" target="_blank"
                        class="btn-link">Source 1 </a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>McDonald's customers served</h3>
                        </div>
                        <div class="counter-value" data-rate="63715682"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.zippia.com/advice/mcdonalds-statistics/" target="_blank"
                        class="btn-link">Source 1 with 22 McDonald's statistics</a>





                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Lego pieces molded</h3>
                        </div>
                        <div class="counter-value" data-rate="191780821"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.lego.com/en-us/aboutus/news/2023/march/2022-annual-results" target="_blank"
                        class="btn-link">Source 1 - about the Lego group </a>
                    <a href="https://www.bricksmcgee.com/blog/international-lego-day-lego-facts/" target="_blank"
                        class="btn-link">Source 2 with fun Lego facts</a>
                    <a href="https://www.youtube.com/watch?v=lGRYozEEheY" target="_blank" class="btn-link">Amazing lego
                        machines in action (video)</a>
                    <a href="https://www.lego.com/en-us/history" target="_blank" class="btn-link">An interactive, deep
                        dive into the history of Legos</a>
                    <a href="https://www.youtube.com/watch?v=TkcavbQQUr4" target="_blank" class="btn-link">20 incredible
                        Lego world records (video)</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Servings of Coca-Cola products consumed</h3>
                        </div>
                        <div class="counter-value" data-rate="1910251326"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.coca-cola.com/ng/en/about-us/faq/how-many-drinks-does-the-coca-cola-company-sell-worldwide-each-d"
                        target="_blank" class="btn-link">Source 1 </a>





                    <div class="estimate-text"></div>
                </div>
            </div>

            <div class="section-title">
                <h2>The internet</h2>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Music tracks added to streaming services</h3>
                        </div>
                        <div class="counter-value" data-rate="129187"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.musicbusinessworldwide.com/there-are-now-120000-new-tracks-hitting-music-streaming-services-each-day/"
                        target="_blank" class="btn-link">Source 1 </a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Hours of public Youtube content uploaded</h3>
                        </div>
                        <div class="counter-value" data-rate="726521"></div>
                    </div>
                </div>
                <div class="accordion-content">
                    <a href="https://www.comparitech.com/tv-streaming/youtube-statistics/" target="_blank"
                        class="btn-link">Source 1 with 30 Youtube stats and facts </a>
                    <a href="https://techjury.net/blog/how-many-videos-are-uploaded-to-youtube-a-day/" target="_blank"
                        class="btn-link">Source 2</a>
                    <div class="estimate-text"></div>
                </div>
            </div>
            <div class="accordion-item">
                <div class="accordion-header">
                    <div class="counter-container">
                        <div class="counter-label">
                            <h3>Google searches</h3>
                        </div>
                        <div class="counter-value" data-rate="8496224581""></div>
                    </div>
                </div>
                <div class=" accordion-content">
                            <a href="https://www.semrush.com/blog/google-search-statistics/" target="_blank"
                                class="btn-link">Source 1 with 34 eye-opening google search statistics </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Total internet traffic volume (GB)</h3>
                                </div>
                                <div class="counter-value" data-rate="13849275248"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://wdr2021.worldbank.org/stories/crossing-borders/" target="_blank"
                                class="btn-link">Source 1 with an interactive report on world internet use</a>
                            <a href="https://www.itu.int/itu-d/reports/statistics/2021/11/15/international-bandwidth-usage/"
                                target="_blank" class="btn-link">Source 2</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Stuff moved</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Commercial freight transported by air</h3>
                                </div>
                                <div class="counter-value" data-rate="374378042" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/statistics/564668/worldwide-air-cargo-traffic/"
                                target="_blank" class="btn-link">Source 1</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Commercial freight transported by ship</h3>
                                </div>
                                <div class="counter-value" data-rate="71339959781" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/topics/1728/ocean-shipping/#topicOverview" target="_blank"
                                class="btn-link">Source 1</a>
                            <a href="https://www.marinetraffic.com/en/ais/home/centerx:30.8/centery:3.0/zoom:2"
                                target="_blank" class="btn-link">Real-time, interactive worldwide ship tracking</a>
                            <a href="https://www.youtube.com/watch?v=E-hytKrOEww" target="_blank" class="btn-link">An
                                in-depth
                                tour of a container ship (video)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                </div>









                <div class="counter-section" data-section="Nature">

                    <div class="section-title">
                        <h2>Earth</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Wildfires started</h3>
                                </div>
                                <div class="counter-value" data-rate="1145"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/grapher/annual-number-of-fires?tab=table"
                                target="_blank" class="btn-link">Source 1 with interactive map by country</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Meteorites and space debris entering the atmosphere</h3>
                                </div>
                                <div class="counter-value" data-rate="123424" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://science.nasa.gov/solar-system/meteors-meteorites/facts/" target="_blank"
                                class="btn-link">Source 1 - asteroid fast facts (NASA) </a>
                            <a href="https://skyandtelescope.org/observing/best-meteor-showers-in-2021/" target="_blank"
                                class="btn-link">Source 2 - what is a meteor shower?</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Flashes of lightning</h3>
                                </div>
                                <div class="counter-value" data-rate="4215616"></div>
                            </div>
                        </div>
                        <div class="accordion-content">

                            <a href="https://geology.com/articles/lightning-map.shtml" target="_blank"
                                class="btn-link">Source 1
                                - article with map of lightning frequency</a>
                            <a href="https://www.outsideonline.com/outdoor-adventure/exploration-survival/lightning-deaths-and-injuries-numbers/"
                                target="_blank" class="btn-link">Source 2 with lightning injury and death statistics</a>
                            <a href="https://www.vaisala.com/sites/default/files/documents/WEA-MET-2021-Annual-Lightning-Report-B212465EN-A.pdf"
                                target="_blank" class="btn-link">Fascinating deep-dive report (with tons of graphics) on
                                lightning detection and statistics
                            </a>
                            <a href="https://www.lightningmaps.org/?lang=en#m=oss;t=3;s=0;o=0;b=;ts=0;z=10;y=27.5974;x=-91.8863;d=2;dl=2;dc=0;"
                                target="_blank" class="btn-link">Real-time worldwide lightning tracking map
                            </a>
                            <a href="https://www.youtube.com/watch?v=JXhif3E3l2s&t=27s" target="_blank"
                                class="btn-link">The
                                weird ways that lightning works (video)
                            </a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Bee hummingbird wing flaps in flight</h3>
                                </div>
                                <div class="counter-value" data-rate="6912010"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.welovehummingbirds.com/blogs/news/how-fast-do-hummingbirds-flap-their-wings"
                                target="_blank" class="btn-link">Source 1 with a super slow motion video of hummingbirds
                                in flight</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>New trees sprouted</h3>
                                </div>
                                <div class="counter-value" data-rate="13827429"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.science.org/content/article/earth-home-3-trillion-trees-half-many-when-human-civilization-arose"
                                target="_blank" class="btn-link">Source
                                1 - new study estimates that earth is home to 3 trillion trees, half as many as when
                                human civilization arose</a>






                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Mississippi river water dischared into the gulf</h3>
                                </div>
                                <div class="counter-value" data-rate="485844230749" data-unit="gal."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://en.wikipedia.org/wiki/List_of_rivers_by_discharge" target="_blank"
                                class="btn-link">Source 1 with a list of the top 150 rivers by discharge volume</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Amazon river water discharged into the ocean</h3>
                                </div>
                                <div class="counter-value" data-rate="4711667205387" data-unit="gal."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://en.wikipedia.org/wiki/Amazon_River" target="_blank" class="btn-link">Source
                                1 - All
                                about the Amazon</a>
                            <a href="https://journals.ametsoc.org/view/journals/hydr/3/6/1525-7541_2002_003_0660_eofdfc_2_0_co_2.xml"
                                target="_blank" class="btn-link">Source 2 - Estimates of freshwater discharge from
                                continents
                                (scientific paper)</a>
                            <a href="https://www.youtube.com/watch?v=FFyloZ2o_HI" target="_blank" class="btn-link">Tour
                                the
                                Amazon river and "La Bomba", the world's only known boiling river (video)</a>
                            <a href="https://www.nationalgeographic.com/adventure/article/140213-amazon-river-length-source-maps-science"
                                target="_blank" class="btn-link">Where does the amazon river begin?</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Water evaporated from the Amazon rainforest</h3>
                                </div>
                                <div class="counter-value" data-rate="5362204913121" data-unit="gal."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://blog.pachamama.org/flying-rivers-of-the-amazon-rainforest-a-critical-rain-generator-for-the-planet"
                                target="_blank" class="btn-link">Source 1 with an article on the Amazon </a>
                            <a href="http://www.eebweb.arizona.edu/faculty/saleska/Ecol596L/Readings/Salati.Vose84_Amazon_Science.pdf"
                                target="_blank" class="btn-link">Source 2</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Precipitation fallen <span class="counter-label-note">(rain, snow, etc.)</span>
                                    </h3>
                                </div>
                                <div class="counter-value" data-rate="3879347943781129" data-unit="gal."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://hypertextbook.com/facts/2008/VernonWu.shtml" target="_blank"
                                class="btn-link">Source 1 with 5 estimations from scientific papers </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Space</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Distance traveled around the sun</h3>
                                </div>
                                <div class="counter-value" data-rate="1610402" data-unit="mi."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.space.com/33527-how-fast-is-earth-moving.html" target="_blank"
                                class="btn-link">Source 1 with different perspectives on the relative velocity of
                                earth</a>
                            <a href="https://www.youtube.com/watch?v=XRr1kaXKBsU" target="_blank" class="btn-link">How
                                gravity
                                actually works (video)</a>
                            <a href="https://theskylive.com/3dsolarsystem" target="_blank" class="btn-link">Interactive
                                3D solar
                                system model</a>
                            <a href="https://www.thoughtco.com/what-causes-the-seasons-on-earth-3072536" target="_blank"
                                class="btn-link">The reasons for the seasons</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Distance traveled at the speed of light</h3>
                                </div>
                                <div class="counter-value" data-rate="16094764800" data-unit="mi."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.space.com/15830-light-speed.html" target="_blank"
                                class="btn-link">Source 1
                                with an enlightening overview of the history and science of the speed of light</a>
                            <a href="https://science.howstuffworks.com/light.htm" target="_blank"
                                class="btn-link">Explore what
                                light is and how it propagates</a>
                            <a href="https://www.youtube.com/watch?v=7Ys_yKGNFRQ&t=735s" target="_blank"
                                class="btn-link">Filming the speed of light with the world's fastest camera (video)</a>
                            <a href="https://academo.org/demos/speed-of-light-visualizer/" target="_blank"
                                class="btn-link">See
                                how fast the speed of light travels between points on earth (simple interactive
                                demo)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Years of global energy production generated by the Sun</h3>
                                </div>
                                <div class="counter-value" data-rate="56167403006"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.quora.com/What-is-the-approximate-energy-output-per-second-of-the-Sun-compared-to-the-yearly-energy-consumption-of-the-world-Could-one-second-of-the-Sun-s-energy-power-Earth-for-a-year"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.nobelprize.org/prizes/themes/how-the-sun-shines/" target="_blank"
                                class="btn-link">The story of how scientists discovered solar fusion</a>
                            <a href="https://space-facts.com/how-big-is-the-sun-million-earths/" target="_blank"
                                class="btn-link">Visualize how many times earth would fit into the sun</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Nuclear bombs of solar energy released <span class="counter-label-note">(1.2
                                            megaton weapon)</span></h3>
                                </div>
                                <div class="counter-value" data-rate="6624529846674213"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://universavvy.com/nuclear-fusion-in-sun" target="_blank"
                                class="btn-link">Source 1 -
                                TNT equivalent</a>
                            <a href="https://phys.org/news/2015-12-sun-energy.html" target="_blank"
                                class="btn-link">Source 2 -
                                How does the sun produce energy</a>
                            <a href="https://www.youtube.com/watch?v=zTWsRKMbKwc" target="_blank"
                                class="btn-link">History
                                channel: Secrets of the Sun (45 min. episode)</a>
                            <a href="https://www.livescience.com/planet-earth/climate-change/energy-of-25-billion-atomic-bombs-trapped-on-earth-in-just-50-years-all-because-of-global-warming"
                                target="_blank" class="btn-link">The solar energy trapped by global warming</a>
                            <br><br>Calculated as a 1.2 megaton nuclear weapon
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Humans in motion</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Calories eaten <span class="counter-label-note">(kcal)</span></h3>
                                </div>
                                <div class="counter-value" data-rate="20023744005484"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://en.wikipedia.org/wiki/List_of_countries_by_food_energy_intake"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://ourworldindata.org/grapher/daily-per-capita-caloric-supply?country=~OWID_WRL"
                                target="_blank" class="btn-link">Source 2 (calories supplied, not eaten)</a>
                            <a href="https://www.science.org/content/article/scientist-busts-myths-about-how-humans-burn-calories-and-why"
                                target="_blank" class="btn-link">Do you burn more calories by being more active? New
                                research
                                rethinks part of this seemingly obvious truth.</a>
                            <a href="https://www.popsci.com/health/what-is-a-calorie/" target="_blank"
                                class="btn-link">How the
                                caloric value of nuts "changed" due to new research</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Steps taken</h3>
                                </div>
                                <div class="counter-value" data-rate="28057126489615"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/chart/10357/the-worlds-most-and-least-active-countries/"
                                target="_blank" class="btn-link">Source 1 with infographic by country</a>
                            <a href="https://www.aicr.org/news/globally-the-average-person-walks-about-5000-steps-per-day/"
                                target="_blank" class="btn-link">Source 2</a>
                            <a href="https://www.scientificamerican.com/article/fossils-upend-conventional-wisdom-about-evolution-of-human-bipedalism/"
                                target="_blank" class="btn-link">The evolution of bipedalism</a>
                            <a href="https://news.cnrs.fr/articles/the-science-of-walking" target="_blank"
                                class="btn-link">Can
                                you walk without using your brain?</a>
                            <a href="https://www.science.org/doi/10.1126/scirobotics.abf8136" target="_blank"
                                class="btn-link">A
                                bipedal walking robot...that also flies (scientific article and video)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Breaths inhaled</h3>
                                </div>
                                <div class="counter-value" data-rate="160473193560454"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.medicalnewstoday.com/articles/324409#how-to-measure" target="_blank"
                                class="btn-link">Source 1 - Normal breathing rates</a>
                            <a href="https://www.lung.org/blog/how-your-lungs-work" target="_blank"
                                class="btn-link">Source 2 -
                                lung facts</a>
                            <a href="https://biologydictionary.net/respiratory-system-fun-facts/" target="_blank"
                                class="btn-link">20 bonus lung facts</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Total heartbeats</h3>
                                </div>
                                <div class="counter-value" data-rate="996404921486128"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://my.clevelandclinic.org/health/diagnostics/heart-rate" target="_blank"
                                class="btn-link">Source 1 with heart rates by age</a>
                            <a href="https://www.nature.com/articles/s41746-019-0134-9.pdf" target="_blank"
                                class="btn-link">Source 2 - scientific paper (US study)</a>
                            <a href="https://www.healthline.com/health/fun-facts-about-the-heart" target="_blank"
                                class="btn-link">Source 3 - 24 fun facts about the heart </a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Air consumed by all humans</h3>
                                </div>
                                <div class="counter-value" data-rate="59089881980520" data-unit="gal."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8672270/" target="_blank"
                                class="btn-link">Source 1 - the physics of human breathing (scientific article)</a>
                            <a href="https://www.youtube.com/watch?v=eRYvjmIagD8" target="_blank" class="btn-link">What
                                happens
                                when food "goes down the wrong tube", a detailed dissection of the lung (video)</a>
                            <a href="https://ourworldindata.org/outdoor-air-pollution" target="_blank"
                                class="btn-link">Tracking
                                air pollution with interactive maps and graphs</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                </div>











                <div class="counter-section" data-section="Curiosities">
                    <div class="section-title">
                        <h2>Human curiosities</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Sets of twins born</h3>
                                </div>
                                <div class="counter-value" data-rate="2192"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.bbc.com/news/health-56365422" target="_blank" class="btn-link">Source 1
                                with an
                                overview of a recent study on twinning rates</a>
                            <a href="https://www.babymed.com/twins/gemellology-facts-about-multiples-twins-triplets-and-more"
                                target="_blank" class="btn-link">In-depth twin facts and figures</a>
                            <a href="https://www.nationalgeographic.com/magazine/article/identical-twins-science-dna-portraits"
                                target="_blank" class="btn-link">A thing or two about twins (long-read with great
                                photos)</a>
                            <a href="https://www.youtube.com/watch?v=kCxy61mzSvg" target="_blank"
                                class="btn-link">Visiting a
                                town with 2,300 sets of twins (video)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Breast implant surgeries completed</h3>
                                </div>
                                <div class="counter-value" data-rate="4892"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://surgicaltimes.com/breast-augmentation-statistics/" target="_blank"
                                class="btn-link">Source 1 with a variety of industry reports</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Cataract surgeries completed</h3>
                                </div>
                                <div class="counter-value" data-rate="54794"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7812090/" target="_blank"
                                class="btn-link">Source 1 </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Vinyl albums sold in the US</h3>
                                </div>
                                <div class="counter-value" data-rate="136116"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/statistics/188822/lp-album-sales-in-the-united-states-since-2009/"
                                target="_blank" class="btn-link">Source 1 </a>
                            <a href="https://www.billboard.com/pro/vinyl-album-sales-rise-growth-slowing/"
                                target="_blank" class="btn-link">Source 2 with article on most sold albums, etc.</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Wikipedia edits</h3>
                                </div>
                                <div class="counter-value" data-rate="1589041"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://stats.wikimedia.org/#/all-projects" target="_blank" class="btn-link">Source
                                1 with
                                all offical wikimedia site traffic data</a>
                            <a href="https://en.wikipedia.org/wiki/Wikipedia:Unusual_articles" target="_blank"
                                class="btn-link">100's of unusual and interesting wikipedia articles </a>
                            <a href="https://www.wired.com/story/wikipedia-online-encyclopedia-best-place-internet/"
                                target="_blank" class="btn-link">Wikipedia is the last best place on the internet</a>
                            <a href="https://en.wikipedia.org/wiki/Wikipedia:List_of_Wikipedians_by_number_of_edits"
                                target="_blank" class="btn-link">Top 5000 wikipedians by number of edits made
                            </a>
                            <a href="https://en.wikipedia.org/wiki/Wikipedia:Contents" target="_blank"
                                class="btn-link">Wikipedia master table of contents</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Sperm cells produced by a male</h3>
                                </div>
                                <div class="counter-value" data-rate="185470127"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://bio.libretexts.org/Bookshelves/Introductory_and_General_Biology/Introductory_Biology_(CK-12)/13%3A_Human_Biology/13.59%3A_Human_Sperm"
                                target="_blank" class="btn-link">Source 1 with a quick biology overview </a>
                            <a href="https://www.verywellhealth.com/sperm-8651754" target="_blank"
                                class="btn-link">Source 2
                                with a medical overview
                            </a>
                            <a href="https://www.smithsonianmag.com/science-nature/scientists-finally-unravel-mysteries-sperm-180963578/"
                                target="_blank" class="btn-link">The long, winding tale of sperm science
                            </a>
                            <a href="https://www.youtube.com/watch?v=_5OvgQW6FG4" target="_blank"
                                class="btn-link">Fertilization
                                - a fascinating 3D animated video with microscopy
                            </a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Visits to Pornhub</h3>
                                </div>
                                <div class="counter-value" data-rate="383411786"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/statistics/1459714/pornhub-monthly-visits-by-device/"
                                target="_blank" class="btn-link">Source 1</a>






                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Skin cells shed by your body <span class="counter-label-note">( aka dust)</span>
                                    </h3>
                                </div>
                                <div class="counter-value" data-rate="490528301"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="http://scienceline.ucsb.edu/getkey.php?key=7116" target="_blank"
                                class="btn-link">Source 1
                                with a quick overview of the science</a>
                            <a href="https://www.sciencedaily.com/releases/2011/05/110509114034.htm" target="_blank"
                                class="btn-link">Source 2
                                <a href="https://www.innerbody.com/image/nerv16.html" target="_blank"
                                    class="btn-link">The
                                    layers of the skin - a 3D interactive model (click tab for 3D)
                                </a>
                                <a href="https://open.oregonstate.education/aandp/chapter/5-1-layers-of-the-skin/"
                                    target="_blank" class="btn-link">The anatomy of the skin (microscopic images and
                                    illustrations)
                                </a>
                                <a href="https://www.youtube.com/watch?v=jn5M48MVWyg" target="_blank"
                                    class="btn-link">Is dust mostly dead skin (video)?
                                </a>
                                <a href="https://www.youtube.com/watch?v=jn5M48MVWyg" target="_blank"
                                    class="btn-link">10 remarkable facts about skin
                                </a>
                                <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Toliet paper rolls used</h3>
                                </div>
                                <div class="counter-value" data-rate="514104836"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.qssupplies.co.uk/world-toilet-paper-consumed-visualised.html"
                                target="_blank" class="btn-link">Source 1 with fascinating TP infographics </a>
                            <a href="https://toilet-guru.com/" target="_blank" class="btn-link">Tolietguru.com - more
                                history,
                                historical photos, and information on toliets than you should ever want to know</a>
                            <a href="https://www.youtube.com/watch?v=-k9qctid0BE" target="_blank" class="btn-link">How a
                                tree
                                trunk becomes toliet paper (video)</a>
                            <a href="https://www.youtube.com/watch?v=P4l-4ehUqhc" target="_blank" class="btn-link">A
                                tour of one
                                of the world's largest water treatment plants (video)</a>
                            <a href="https://www.youtube.com/watch?v=b4D6OaIo2eg" target="_blank" class="btn-link">A
                                deep dive
                                into how wastewater treatment plants operate (6 hr. video series)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Pieces of gum chewed</h3>
                                </div>
                                <div class="counter-value" data-rate="1195305822"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://pubmed.ncbi.nlm.nih.gov/10759416/" target="_blank" class="btn-link">Source
                                1</a>
                            <a href="https://historycooperative.org/who-invented-gum/" target="_blank"
                                class="btn-link">The
                                history of gum from chicle to chiclets</a>
                            <a href="https://www.discoverwalks.com/blog/world/bubble-gum-20-fun-facts-you-probably-didnt-know/"
                                target="_blank" class="btn-link">20 facts on bubble gum and its differences from chewing
                                gum</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Farts</h3>
                                </div>
                                <div class="counter-value" data-rate="113546792204"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.health.harvard.edu/staying-healthy/you-dont-say-facts-about-flatulence"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.vox.com/2014/12/4/7332411/fart-flatulence" target="_blank"
                                class="btn-link">Source 2 with essential fart information
                            </a>
                            <a href="https://www.mentalfloss.com/article/649356/fart-history-memorable-moments"
                                target="_blank" class="btn-link">20 memorable farts throughout history</a>
                            <a href="https://asm.org/Articles/2023/October/Hydrogen-Sulfide-Gut" target="_blank"
                                class="btn-link">What stinks? The role of hydrogen sulfide in the gut</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Human eye blinks</h3>
                                </div>
                                <div class="counter-value" data-rate="146295738150675"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.healthline.com/health/how-many-times-do-you-blink-a-day"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://my.clevelandclinic.org/health/articles/blinking" target="_blank"
                                class="btn-link">Source 2</a>
                            <a href="https://www.rochester.edu/newscenter/why-blinking-eyes-is-important-visual-processing-599212/"
                                target="_blank" class="btn-link">How blinking allows us to see better</a>
                            <a href="https://discoveryeye.org/32-facts-about-animal-eyes/" target="_blank"
                                class="btn-link">The
                                incredible diversity of eyes across the animal kingdom</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Mostly random</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Air "leaked" into space</h3>
                                </div>
                                <div class="counter-value" data-rate="256360" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.sciencealert.com/earth-loses-hundreds-of-tons-atmosphere-to-space-every-day"
                                target="_blank" class="btn-link">Source 1 </a>
                            <a href="https://phys.org/news/2016-07-curious-case-earth-leaking-atmosphere.html"
                                target="_blank" class="btn-link">Source 2, the curious case of Earth's leaking
                                atmosphere</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Speed of light circles the earth</h3>
                                </div>
                                <div class="counter-value" data-rate="646133"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourplnt.com/light-speed/" target="_blank" class="btn-link">Source 1 - Watch
                                the
                                speed of light in real-time</a>
                            <a href="https://www.universetoday.com/38040/speed-of-light-2/" target="_blank"
                                class="btn-link">Source 2 with article and videos</a>
                            <a href="https://stars.chromeexperiments.com/" target="_blank" class="btn-link">Experience
                                the scale
                                of the universe</a>
                            <a href="https://www.astronomy.com/science/speed-of-light-realitys-speed-limit-explained/"
                                target="_blank" class="btn-link">The history and discovery of the speed of light</a>
                            <a href="https://www.discovermagazine.com/the-sciences/20-things-you-didnt-know-about-light"
                                target="_blank" class="btn-link">20 bonus facts about light</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Cyanide produced<span class="counter-label-note"> (hydrogen cyanide)</span>
                                    </h3>
                                </div>
                                <div class="counter-value" data-rate="10134856" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.ncbi.nlm.nih.gov/books/NBK207601/" target="_blank"
                                class="btn-link">Source 1 </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                </div>


                <div class="counter-section" data-section="Not so Great">
                    <div class="section-title">
                        <h2>Health</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Suicides</h3>
                                </div>
                                <div class="counter-value" data-rate="1996"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.iasp.info/wspd/references/" target="_blank" class="btn-link">Source 1
                                with
                                common facts about suicide</a>
                            <a href="https://ourworldindata.org/grapher/number-suicide-deaths-source-comparison?country=USA~BRA~ZAF~IND~OWID_WRL"
                                target="_blank" class="btn-link">Source 2 - comparison of sources and long-term suicide
                                rate
                                tracking by country</a>
                            <a href="https://data.who.int/indicators/i/F08B4FD/16BBF41" target="_blank"
                                class="btn-link">Source
                                3 - WHO</a>
                            <a href="https://ourworldindata.org/grapher/suicide-death-rates" target="_blank"
                                class="btn-link">Interactive map of suicide rate by country</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Deaths from mosquito-borne diseases</h3>
                                </div>
                                <div class="counter-value" data-rate="2026"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.bbc.com/news/science-environment-56271385" target="_blank"
                                class="btn-link">Source 1 with a list of the world's deadliest animals</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Newborn deaths</h3>
                                </div>
                                <div class="counter-value" data-rate="6432"></div>
                            </div>
                        </div>
                        <div class="accordion-content">

                            <a href="https://www.who.int/data/gho/data/themes/topics/topic-details/GHO/child-mortality-and-causes-of-death"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://data.unicef.org/topic/child-survival/neonatal-mortality/" target="_blank"
                                class="btn-link">Source 2</a>
                            <a href="https://ourworldindata.org/child-mortality" target="_blank" class="btn-link">The
                                tremendous
                                decline in newborn mortality worldwide</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>New dementia diagnoses</h3>
                                </div>
                                <div class="counter-value" data-rate="28540"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.alzint.org/about/dementia-facts-figures/dementia-statistics/"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.who.int/news-room/fact-sheets/detail/dementia" target="_blank"
                                class="btn-link">Source 2</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Amputations needed after trauma</h3>
                                </div>
                                <div class="counter-value" data-rate="36236"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC10622756/" target="_blank"
                                class="btn-link">Source 1 </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>New cancer cases</h3>
                                </div>
                                <div class="counter-value" data-rate="59323"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/cancer" target="_blank" class="btn-link">Source 1 with
                                interactive charts on all facets of cancer statistics (types, demographics, etc.)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Deaths</h3>
                                </div>
                                <div class="counter-value" data-rate="166859"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/grapher/number-of-deaths-per-year" target="_blank"
                                class="btn-link">Source 1 - chart with future projections to 2100</a>
                            <a href="https://www.statista.com/statistics/805069/death-rate-worldwide/" target="_blank"
                                class="btn-link">Source 2</a>
                            <a href="https://ourworldindata.org/causes-of-death-treemap" target="_blank"
                                class="btn-link">A
                                visualization of the most common causes of death</a>
                            <a href="https://ourworldindata.org/grapher/birth-rate-vs-death-rate" target="_blank"
                                class="btn-link">An interactive chart and timelapse of birth vs death rates of different
                                countries</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>The darker side of humanity</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Murders</h3>
                                </div>
                                <div class="counter-value" data-rate="1488"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.unodc.org/unodc/en/press/releases/2023/December/fifty-two-people-lost-their-lives-to-homicide-globally-every-hour-in-2021--says-new-report-from-unodc.html"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.unodc.org/unodc/en/data-and-analysis/global-study-on-homicide.html"
                                target="_blank" class="btn-link">Source 2</a>
                            <a href="https://www.statista.com/chart/5369/murder-rates-across-the-world-visualised/"
                                target="_blank" class="btn-link">Source 3 with map of homicide rate per country</a>



                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>People newly jailed or imprisoned in the US</h3>
                                </div>
                                <div class="counter-value" data-rate="21013"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.prisonpolicy.org/reports/pie2024.html" target="_blank"
                                class="btn-link">Source
                                1 with an excellent article (and infographics) on the causes and myths of mass
                                incarceration in
                                the US</a>
                            <a href="https://trends.vera.org/" target="_blank" class="btn-link">Source 2 with superb
                                quality
                                interactive maps and graphs showing prison populations by state, county, crime, type of
                                facilities, etc.</a>
                            <a href="https://intime.com/industries/corrections/12-craziest-prison-escapes/"
                                target="_blank" class="btn-link">12 craziest prison escapes of all time</a>
                            <a href="https://www.youtube.com/@LarryLawtonJewelThief" target="_blank" class="btn-link">10
                                unwritten rules of prison - Larry Lawton, retired multi-million dollar jewel thief
                                (video)</a>
                            <a href="https://www.vice.com/en/article/gqm384/what-life-is-like-in-americas-highest-security-supermax-prison"
                                target="_blank" class="btn-link">An interview on what life is like in America's highest
                                security
                                supermax prison with a former prisoner</a>
                            <a href="https://gl-li.github.io/2018/02/05/map-prisons-in-the-united-states/"
                                target="_blank" class="btn-link">Interactive map of prisons and jails in the US</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Deaths from starvation</h3>
                                </div>
                                <div class="counter-value" data-rate="24132"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.wfp.org/news/world-wealth-9-million-people-die-every-year-hunger-wfp-chief-tells-food-system-summit"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.un.org/en/chronicle/article/losing-25000-hunger-every-day"
                                target="_blank" class="btn-link">Source 2</a>



                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>World military budget <span class="counter-label-note">(USD)</span></h3>
                                </div>
                                <div class="counter-value" data-rate="6575183259"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.sipri.org/publications/2024/sipri-fact-sheets/trends-world-military-expenditure-2023"
                                target="_blank" class="btn-link">Source 1 with report
                            </a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Animals</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Cattle slaughtered</h3>
                                </div>
                                <div class="counter-value" data-rate="911523"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/how-many-animals-get-slaughtered-every-day"
                                target="_blank" class="btn-link">Source 1 with list of a list of different farm
                                animals</a>






                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Pigs slaughtered</h3>
                                </div>
                                <div class="counter-value" data-rate="3846172"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/how-many-animals-get-slaughtered-every-day"
                                target="_blank" class="btn-link">Source 1 with list of a list of different farm
                                animals</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Animals (except insects) turned into roadkill</h3>
                                </div>
                                <div class="counter-value" data-rate="5948130"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://en.wikipedia.org/wiki/Roadkill" target="_blank" class="btn-link">Source
                                1</a>
                            <a href="https://www.discovermagazine.com/planet-earth/this-citizen-science-project-is-taking-on-roadkill-and-potentially-saving"
                                target="_blank" class="btn-link">Source 2 (US study only, 1+ million per day)</a>
                            <a href="https://www.wired.com/story/a-car-splatometer-study-finds-huge-insect-die-off/"
                                target="_blank" class="btn-link">Another kind of roadkill - car ‘splatometer’ studies
                                finds
                                massive insect population declines</a>
                            <a href="https://www.atlasobscura.com/articles/eating-roadkill" target="_blank"
                                class="btn-link">The
                                changing landscape of eating roadkill</a>
                            <a href="https://www.smithsonianmag.com/science-nature/how-roads-have-transformed-the-natural-world-180982809/"
                                target="_blank" class="btn-link">How roads have transformed the natural world</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Animals killed by cats in the US</h3>
                                </div>
                                <div class="counter-value" data-rate="31327529"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.nature.com/articles/ncomms2380" target="_blank" class="btn-link">Source
                                1</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Chickens slaughtered</h3>
                                </div>
                                <div class="counter-value" data-rate="202958473"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/how-many-animals-get-slaughtered-every-day"
                                target="_blank" class="btn-link">Source 1 with list of a list of different farm
                                animals</a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Accidents and natural disasters</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Motor vehicle deaths</h3>
                                </div>
                                <div class="counter-value" data-rate="3487"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/grapher/death-rates-road-incidents" target="_blank"
                                class="btn-link">Source 1 with interactive map and a timelapse of the impressive
                                progress made
                                in reducing road fatalities</a>
                            <a href="https://www.who.int/news-room/fact-sheets/detail/road-traffic-injuries"
                                target="_blank" class="btn-link">Source 2 - WHO</a>
                            <a href="https://theboutiqueadventurer.com/most-dangerous-roads-in-the-world/"
                                target="_blank" class="btn-link">21 of the world's most dangerous roads</a>
                            <a href="https://rac.com.au/car-motoring/info/future_history-of-car-safety" target="_blank"
                                class="btn-link">The evolution of automotive safety technologies</a>
                            <a href="https://www.youtube.com/watch?v=qCIes_xJdGo" target="_blank" class="btn-link">How
                                airbags
                                work (video with 3D animations)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>$ spent on natural disasters</h3>
                                </div>
                                <div class="counter-value" data-rate="1085385607"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/statistics/612561/natural-disaster-losses-cost-worldwide-by-type-of-loss/"
                                target="_blank" class="btn-link">Source 1</a>
                            <a href="https://www.bloomberg.com/news/articles/2024-01-09/natural-disasters-led-to-250-billion-in-global-losses-last-year"
                                target="_blank" class="btn-link">Source 2</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="section-title">
                        <h2>Environmental issues</h2>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Trees cut down</h3>
                                </div>
                                <div class="counter-value" data-rate="41868209"></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.science.org/content/article/earth-home-3-trillion-trees-half-many-when-human-civilization-arose"
                                target="_blank" class="btn-link">Source
                                1 - new study estimates that earth is home to 3 trillion trees, half as many as when
                                human civilization arose</a>
                            <a href="https://www.smithsonianmag.com/science-nature/the-whispering-trees-180968084/"
                                target="_blank" class="btn-link">Do trees talk to each other?</a>
                            <a href="https://www.arboroperations.com.au/media-centre/15-weird-wonderful-tree-facts/amp/"
                                target="_blank" class="btn-link">15 weird and wonderful tree facts</a>
                            <a href="https://8billiontrees.com/trees/do-trees-have-genders/" target="_blank"
                                class="btn-link">Do
                                trees have genders?</a>
                            <a href="https://www.cntraveller.com/gallery/unusual-trees" target="_blank"
                                class="btn-link">An HD
                                photo gallery of 25 unique and unusual tree species</a>
                            <a href="https://www.youtube.com/watch?v=fTXh7A7Uc2M" target="_blank" class="btn-link">How
                                photosynthesis works (video)</a>
                            <a href="https://ourworldindata.org/forest-area" target="_blank" class="btn-link">Forested
                                area per
                                country and how land use has changed over time (interactive maps and graphs)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Food wasted</h3>
                                </div>
                                <div class="counter-value" data-rate="5434843712" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.bbc.com/news/science-environment-56271385" target="_blank"
                                class="btn-link">Source 1 </a>





                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Solid waste generated <span class="counter-label-note">(all types inc.
                                            commercial)</span> </h3>
                                </div>
                                <div class="counter-value" data-rate="12976712328" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.statista.com/chart/18732/waste-generated-country/" target="_blank"
                                class="btn-link">Source 1 with a map of waste generated per capita
                            </a>
                            <a href="https://datatopics.worldbank.org/what-a-waste/trends_in_solid_waste_management.html"
                                target="_blank" class="btn-link">Source 2 with a global report on waste types, disposal
                                methods,
                                and future projections</a>
                            <a href="https://www.unep.org/resources/global-waste-management-outlook-2024"
                                target="_blank" class="btn-link">Source 3</a>
                            <a href="https://www.livescience.com/63559-composting.html" target="_blank"
                                class="btn-link">The
                                steamy science behind composting</a>
                            <a href="https://ourworldindata.org/waste-management" target="_blank" class="btn-link">20+
                                interactive charts and maps on a variety of waste statistics</a>
                            <a href="https://www.youtube.com/watch?v=FTD03QAkK0E" target="_blank"
                                class="btn-link">Secrets of a
                                mega landfill (45 min. video)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Coal mined</h3>
                                </div>
                                <div class="counter-value" data-rate="47954113428" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://www.iea.org/reports/coal-2022/executive-summary" target="_blank"
                                class="btn-link">Source 1 with market analysis</a>
                            <a href="https://www.eia.gov/international/data/world/coal-and-coke/coal-and-coke-production?pd=1&p=3i00000000000000000000000000000000000180000000000000g&u=0&f=A&v=mapbubble&a=-&i=none&vo=value&t=C&g=00000000000000000000000000000000000000000000000001&l=249-ruvvvvvfvtvnvv1vrvvvvfvvvvvvfvvvou20evvvvvvvvvvnvvvs0008&s=315532800000&e=1609459200000&"
                                target="_blank" class="btn-link">Source 2 by country and type of coal</a>
                            <a href="https://en.wikipedia.org/wiki/List_of_countries_by_coal_production" target="_blank"
                                class="btn-link">Source 3 with chart by country</a>
                            <a href="https://globalenergymonitor.org/projects/global-coal-mine-tracker/tracker-map/"
                                target="_blank" class="btn-link">Interactive map showing the details of 6,000+ coal
                                mines
                                worldwide</a>
                            <a href="https://www.youtube.com/watch?v=twZlcXuJTp8" target="_blank" class="btn-link">The
                                bucket
                                wheel excavator, the world's largest terrestrial vehicle (short video)</a>
                            <a href="https://lithub.com/a-day-in-the-life-of-a-west-virginia-coal-miner/"
                                target="_blank" class="btn-link">Life as a coal miner in the 1890's</a>
                            <a href="https://www.youtube.com/watch?v=WmwEB4DY_jc" target="_blank"
                                class="btn-link">Underground
                                mechanized longwall coal mining (video)</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>CO2 generated</h3>
                                </div>
                                <div class="counter-value" data-rate="232638606236" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://ourworldindata.org/co2-emissions" target="_blank" class="btn-link">Source 1
                                with a
                                deep dive into CO2 emissions (interactive charts) </a>
                            <a href="https://www.iea.org/reports/co2-emissions-in-2022" target="_blank"
                                class="btn-link">Source
                                2 with an energy industry report</a>
                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Ice loss in Antarctica</h3>
                                </div>
                                <div class="counter-value" data-rate="839331506849" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://climate.nasa.gov/vital-signs/ice-sheets/?intent=121" target="_blank"
                                class="btn-link">Source 1 with interactive charts and other Earth "vital signs"
                                (NASA)</a>
                            <a href="https://www.factcheck.org/2024/06/scicheck-antarctic-ice-loss-is-significant-contrary-to-claims/"
                                target="_blank" class="btn-link">Source 2 with an article on the effects of Antarctic
                                ice loss</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <div class="accordion-header">
                            <div class="counter-container">
                                <div class="counter-label">
                                    <h3>Ice loss in Greenland</h3>
                                </div>
                                <div class="counter-value" data-rate="1612241095890" data-unit="lbs."></div>
                            </div>
                        </div>
                        <div class="accordion-content">
                            <a href="https://climate.nasa.gov/vital-signs/ice-sheets/?intent=121" target="_blank"
                                class="btn-link">Source 1 with interactive charts and other Earth "vital signs"
                                (NASA)</a>




                            <div class="estimate-text"></div>
                        </div>
                    </div>


                </div>

                <footer class="footer">
                    <p><b><a href="about.html">About us</a> | <a href="contact.html">Contact us</a> | <a
                                href="privacy.html">Privacy</a> | <a href="embedcounterwidget.html">Embed a
                                counter</a></b>
                </footer>






                <script>

                    const tabs = document.querySelectorAll('.tab');
                    const counterSections = document.querySelectorAll('.counter-section');
                    const counters = document.querySelectorAll('.counter-value');
                    const unitConversions = {
                        'lbs.': {
                            imperial: 'lbs.',
                            metric: 'kg',
                            factor: 0.45359237,
                            mixitup: 'Ford Pintos',
                            mixitupFactor: 1 / 2015,
                            naturethings: 'African elephants',
                            naturethingsFactor: 1 / 11000,
                            unusualunits: 'Arnold Schwarzeneggers',
                            unusualunitsFactor: 1 / 235,
                            bigunits: 'Boeing 747 airplanes',
                            bigunitsFactor: 1 / 412300
                        },
                        'gal.': {
                            imperial: 'gal.',
                            metric: 'L',
                            factor: 3.785411784,
                            mixitup: 'tanker trucks',
                            mixitupFactor: 1 / 9000,
                            naturethings: 'seconds of Nile river flow',
                            naturethingsFactor: 1 / 805000,
                            unusualunits: 'bathtubs',
                            unusualunitsFactor: 1 / 65,
                            bigunits: 'Goodyear blimps',
                            bigunitsFactor: 1 / 2225501
                        },
                        'mi.': {
                            imperial: 'mi.',
                            metric: 'km',
                            factor: 1.609344,
                            mixitup: 'trips around earth',
                            mixitupFactor: 1 / 24901,
                            naturethings: 'lengths of the Nile river',
                            naturethingsFactor: 1 / 4130,
                            unusualunits: 'marathons',
                            unusualunitsFactor: 1 / 26.2,
                            bigunits: 'trips to the moon',
                            bigunitsFactor: 1 / 238900
                        }
                    };
                    const unitSelect = document.getElementById('unit-select');
                    const mobileUnitSelect = document.getElementById('mobile-unit-select');

                    let lastUpdateTime = Date.now();
                    let counterInterval;
                    let counterElapsedTimes = {}; // Store elapsed time for each counter

                    function formatNumber(number, unit, unitSelect) {
                        const selectedUnitSelect = window.innerWidth <= 600 ? mobileUnitSelect : unitSelect;
                        if (unit && unitConversions.hasOwnProperty(unit)) {
                            const selectedUnit = selectedUnitSelect.value;
                            if (selectedUnit === 'metric') {
                                number *= unitConversions[unit].factor;
                                unit = unitConversions[unit].metric;
                            } else if (selectedUnit === 'mixitup') {
                                number *= unitConversions[unit].mixitupFactor;
                                unit = unitConversions[unit].mixitup;
                            } else if (selectedUnit === 'naturethings') {
                                number *= unitConversions[unit].naturethingsFactor;
                                unit = unitConversions[unit].naturethings;
                            } else if (selectedUnit === 'unusualunits') {
                                number *= unitConversions[unit].unusualunitsFactor;
                                unit = unitConversions[unit].unusualunits;
                            } else if (selectedUnit === 'bigunits') {
                                number *= unitConversions[unit].bigunitsFactor;
                                unit = unitConversions[unit].bigunits;
                            } else {
                                unit = unitConversions[unit].imperial;
                            }
                        }

                        if (number >= 1e21) {
                            return number.toExponential(7) + (unit ? ' ' + unit : '');
                        }
                        return Math.round(number).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (unit ? ' ' + unit : '');
                    }

                    function formatMetricNumber(number, unit) {
                        if (unit && unitConversions.hasOwnProperty(unit)) {
                            number *= unitConversions[unit].factor;
                            number = Math.round(number);
                            unit = unitConversions[unit].metric;
                        }
                        return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (unit ? ' ' + unit : '');
                    }

                    function roundToNearestInteger(value, unit, unitSelect) {
                        const selectedUnitSelect = window.innerWidth <= 600 ? mobileUnitSelect : unitSelect;
                        if (selectedUnitSelect.value === 'metric') {
                            return formatNumber(value, unit, selectedUnitSelect);
                        } else {
                            return formatNumber(Math.round(value), unit, selectedUnitSelect);
                        }
                    }

                    let startTime = Date.now();

                    function updateCounters(forceUpdate = false) {
                        const currentTime = Date.now();
                        const selectedMode = counterModeDropdown.value;
                        const selectedUnitSelect = window.innerWidth <= 600 ? mobileUnitSelect : unitSelect;

                        counters.forEach((counter) => {
                            const rateOfChange = parseFloat(counter.getAttribute('data-rate'));
                            const counterId = counter.getAttribute('data-counter-id');
                            const unit = counter.getAttribute('data-unit');

                            let elapsedTime;
                            if (isPaused) {
                                elapsedTime = counterElapsedTimes[counterId] || 0;
                            } else {
                                elapsedTime = currentTime - startTime;
                            }

                            let expectedValue;
                            switch (selectedMode) {
                                case 'arrival':
                                    expectedValue = rateOfChange * (elapsedTime / 86400000);
                                    break;
                                case 'ytd':
                                    const daysSinceStartOfYear = getDaysSinceStartOfYear();
                                    const elapsedSeconds = elapsedTime / 1000;
                                    expectedValue = rateOfChange * (daysSinceStartOfYear + elapsedSeconds / 86400);
                                    break;
                                case '24hours':
                                    expectedValue = rateOfChange * (1 + elapsedTime / 86400000);
                                    break;
                                case '7days':
                                    expectedValue = rateOfChange * (7 + elapsedTime / 86400000);
                                    break;
                                case '30days':
                                    expectedValue = rateOfChange * (30 + elapsedTime / 86400000);
                                    break;
                                case '365days':
                                    expectedValue = rateOfChange * (365 + elapsedTime / 86400000);
                                    break;
                            }

                            counter.setAttribute('data-value', expectedValue.toFixed(2));

                            // Only update the counter text if it has a unit, if it's not paused, or if forceUpdate is true
                            if (unit || !isPaused || forceUpdate) {
                                counter.textContent = roundToNearestInteger(expectedValue, unit, selectedUnitSelect);
                            }
                        });
                    }

                    function updateEstimateText() {
                        const selectedUnitSelect = window.innerWidth <= 600 ? mobileUnitSelect : unitSelect;
                        accordionItems.forEach((item) => {
                            const counter = item.querySelector('.counter-value');
                            const estimateText = item.querySelector('.estimate-text');
                            const dataRate = parseFloat(counter.getAttribute('data-rate'));
                            const dataUnit = counter.getAttribute('data-unit');

                            if (dataUnit && unitConversions.hasOwnProperty(dataUnit)) {
                                let rateValue = dataRate;
                                let unit = unitConversions[dataUnit].imperial;

                                if (selectedUnitSelect.value === 'metric') {
                                    rateValue *= unitConversions[dataUnit].factor;
                                    unit = unitConversions[dataUnit].metric;
                                } else if (selectedUnitSelect.value === 'mixitup') {
                                    rateValue *= unitConversions[dataUnit].mixitupFactor;
                                    unit = unitConversions[dataUnit].mixitup;
                                } else if (selectedUnitSelect.value === 'naturethings') {
                                    rateValue *= unitConversions[dataUnit].naturethingsFactor;
                                    unit = unitConversions[dataUnit].naturethings;
                                } else if (selectedUnitSelect.value === 'unusualunits') {
                                    rateValue *= unitConversions[dataUnit].unusualunitsFactor;
                                    unit = unitConversions[dataUnit].unusualunits;
                                } else if (selectedUnitSelect.value === 'bigunits') {
                                    rateValue *= unitConversions[dataUnit].bigunitsFactor;
                                    unit = unitConversions[dataUnit].bigunits;
                                }

                                estimateText.textContent = `Estimated rate - ${formatNumber(rateValue, unit, selectedUnitSelect)} per day`;

                            } else {
                                estimateText.textContent = `Estimated rate - ${formatNumber(dataRate, null, selectedUnitSelect)} per day`;
                            }
                        });
                    }

                    // Counter refresh interval
                    counterInterval = setInterval(updateCounters, 5);

                    function switchTab(tabName) {
                        tabs.forEach(tab => tab.classList.remove('active'));
                        counterSections.forEach(section => section.classList.remove('active'));

                        document.querySelector(`.tab[data-tab="${tabName}"]`).classList.add('active');
                        document.querySelector(`.counter-section[data-section="${tabName}"]`).classList.add('active');
                    }

                    const desktopCategorySelect = document.getElementById('desktop-category-select');

                    function switchCategory(category) {
                        counterSections.forEach(section => {
                            if (section.getAttribute('data-section') === category) {
                                section.style.display = 'block';
                            } else {
                                section.style.display = 'none';
                            }
                        });
                    }

                    desktopCategorySelect.addEventListener('change', (event) => {
                        const selectedCategory = event.target.value;
                        switchCategory(selectedCategory);
                    });

                    window.addEventListener('DOMContentLoaded', () => {
                        if (window.innerWidth > 600) {
                            const defaultCategory = desktopCategorySelect.value;
                            switchCategory(defaultCategory);
                        }
                    });

                    const mobileSelect = document.getElementById('mobile-select');

                    mobileSelect.addEventListener('change', (event) => {
                        const selectedCategory = event.target.value;
                        switchCategory(selectedCategory);
                    });

                    window.addEventListener('DOMContentLoaded', () => {
                        if (window.innerWidth <= 600) {
                            const defaultCategory = mobileSelect.value;
                            switchCategory(defaultCategory);
                        }
                    });

                    const accordionItems = document.querySelectorAll('.accordion-item');

                    accordionItems.forEach((item, index) => {
                        const header = item.querySelector('.accordion-header');
                        const content = item.querySelector('.accordion-content');
                        const counter = item.querySelector('.counter-value');
                        counter.setAttribute('data-counter-id', index);

                        header.addEventListener('click', () => {
                            item.classList.toggle('active');

                            if (item.classList.contains('active')) {
                                content.style.maxHeight = 'none'; // Remove max-height limitation
                                content.style.opacity = '0'; // Set initial opacity to 0
                                setTimeout(() => {
                                    content.style.opacity = '1'; // Set opacity to 1 after a short delay
                                }, 1); // delay
                                updateEstimateText(); // Add this line to update the estimate text
                            } else {
                                content.style.maxHeight = '0';
                                content.style.opacity = '0'; // Set opacity to 0 when collapsing
                                header.style.backgroundColor = '';
                            }
                        });

                        header.addEventListener('mouseover', () => {
                            if (!item.classList.contains('active')) {
                                header.style.backgroundColor = '#000'; // Applies the lighter gray color on hover
                            }
                        });

                        header.addEventListener('mouseout', () => {
                            if (!item.classList.contains('active')) {
                                header.style.backgroundColor = ''; // Removes the background color when not hovering
                            }
                        });
                    });

                    // Get the dropdown element
                    const counterModeDropdown = document.getElementById('counter-mode');

                    // Get the mobile dropdown and pause button elements
                    const mobileCounterModeDropdown = document.getElementById('mobile-counter-mode');
                    const mobilePausePlayBtn = document.getElementById('mobile-pause-play-btn');

                    // Calculate the number of days since the beginning of the year
                    function getDaysSinceStartOfYear() {
                        const currentDate = new Date();
                        const startOfYear = new Date(currentDate.getFullYear(), 0, 1);
                        const timeDiff = currentDate.getTime() - startOfYear.getTime();
                        return Math.floor(timeDiff / (1000 * 3600 * 24));
                    }

                    counterModeDropdown.addEventListener('change', () => {
                        mobileCounterModeDropdown.value = counterModeDropdown.value;
                        if (!isPaused) {
                            // Store the current elapsed time for each counter
                            counters.forEach((counter) => {
                                const counterId = counter.getAttribute('data-counter-id');
                                counterElapsedTimes[counterId] = Date.now() - startTime;
                            });
                        }
                        updateCounters(true); // Force update all counters
                        updateTimerText();
                    });

                    mobileCounterModeDropdown.addEventListener('change', () => {
                        counterModeDropdown.value = mobileCounterModeDropdown.value;
                        if (!isPaused) {
                            // Store the current elapsed time for each counter
                            counters.forEach((counter) => {
                                const counterId = counter.getAttribute('data-counter-id');
                                counterElapsedTimes[counterId] = Date.now() - startTime;
                            });
                        }
                        updateCounters(true); // Force update all counters
                        updateTimerText();
                    });

                    const pausePlayBtn = document.getElementById('pause-play-btn');
                    let isPaused = false;

                    let counterElapsedTime = 0;
                    let timerElapsedTime = 0;

                    function togglePausePlay() {
                        isPaused = !isPaused;
                        pausePlayBtn.classList.toggle('paused');
                        mobilePausePlayBtn.classList.toggle('paused');

                        if (isPaused) {
                            pausePlayBtn.querySelector('.pause-text').style.display = 'none';
                            pausePlayBtn.querySelector('.play-text').style.display = 'inline';
                            mobilePausePlayBtn.querySelector('.pause-text').style.display = 'none';
                            mobilePausePlayBtn.querySelector('.play-text').style.display = 'inline';
                            clearInterval(counterInterval);
                            clearInterval(timerInterval);
                            counterElapsedTime = Date.now() - startTime;
                            timerElapsedTime = Date.now() - timerStartTime;

                            // Store elapsed time for each counter
                            counters.forEach((counter) => {
                                const counterId = counter.getAttribute('data-counter-id');
                                counterElapsedTimes[counterId] = counterElapsedTime;
                            });
                        } else {
                            pausePlayBtn.querySelector('.pause-text').style.display = 'inline';
                            pausePlayBtn.querySelector('.play-text').style.display = 'none';
                            mobilePausePlayBtn.querySelector('.pause-text').style.display = 'inline';
                            mobilePausePlayBtn.querySelector('.play-text').style.display = 'none';
                            startTime = Date.now() - counterElapsedTime;
                            timerStartTime = Date.now() - timerElapsedTime;
                            counterInterval = setInterval(updateCounters, 5);
                            timerInterval = setInterval(updateTimer, 50);

                            // Force update all counters when resuming
                            updateCounters();
                        }
                    }

                    pausePlayBtn.addEventListener('click', togglePausePlay);

                    // Add event listener to the mobile pause button
                    mobilePausePlayBtn.addEventListener('click', togglePausePlay);

                    // Timer functionality
                    const timerElement = document.getElementById('timer');
                    let timerStartTime = Date.now() - 1000; // Subtract 1 second (1000 milliseconds)
                    let timerInterval;

                    function formatTime(milliseconds) {
                        const totalSeconds = Math.floor(milliseconds / 1000);
                        const days = Math.floor(totalSeconds / 86400);
                        const hours = Math.floor((totalSeconds % 86400) / 3600);
                        const minutes = Math.floor((totalSeconds % 3600) / 60);
                        const seconds = totalSeconds % 60;

                        let formattedTime = '';

                        if (days > 0) {
                            formattedTime += `${days} ${days === 1 ? 'day' : 'days'}`;
                            if (hours > 0 || minutes > 0 || seconds > 0) {
                                formattedTime += hours > 0 ? ' and ' : (minutes > 0 && seconds > 0) ? ', ' : ' and ';
                            }
                        }

                        if (hours > 0) {
                            formattedTime += `${hours} ${hours === 1 ? 'hour' : 'hours'}`;
                            if (minutes > 0 || seconds > 0) {
                                formattedTime += (minutes > 0 && seconds > 0) ? ', ' : ' and ';
                            }
                        }

                        if (minutes > 0) {
                            formattedTime += `${minutes} ${minutes === 1 ? 'minute' : 'minutes'}`;
                            if (seconds > 0) {
                                formattedTime += ' and ';
                            }
                        }

                        if (seconds > 0 || (days === 0 && hours === 0 && minutes === 0)) {
                            formattedTime += `${seconds} ${seconds === 1 ? 'second' : 'seconds'}`;
                        }

                        return formattedTime;
                    }

                    function updateTimerText() {
                        const selectedMode = counterModeDropdown.value;
                        const currentTime = Date.now();
                        const elapsedTime = isPaused ? timerElapsedTime : currentTime - timerStartTime;

                        let timerText;
                        switch (selectedMode) {
                            case 'arrival':
                                timerText = formatTime(elapsedTime);
                                break;
                            case 'ytd':
                                const daysSinceStartOfYear = getDaysSinceStartOfYear();
                                timerText = `${daysSinceStartOfYear} ${daysSinceStartOfYear === 1 ? 'day' : 'days'}`;
                                break;
                            case '24hours':
                                timerText = formatTime(24 * 60 * 60 * 1000 + elapsedTime);
                                break;
                            case '7days':
                                timerText = formatTime(7 * 24 * 60 * 60 * 1000 + elapsedTime);
                                break;
                            case '30days':
                                timerText = formatTime(30 * 24 * 60 * 60 * 1000 + elapsedTime);
                                break;
                            case '365days':
                                timerText = formatTime(365 * 24 * 60 * 60 * 1000 + elapsedTime);
                                break;
                        }

                        timerElement.textContent = timerText;
                        const mobileTimerElement = document.getElementById('mobile-timer');
                        mobileTimerElement.textContent = timerText;
                    }

                    function updateTimer() {
                        updateTimerText();
                    }

                    // timer
                    timerInterval = setInterval(updateTimer, 50);


                    counterModeDropdown.addEventListener('change', updateTimerText);

                    unitSelect.addEventListener('change', () => {
                        updateCounters(false);
                        updateEstimateText();
                    });

                    mobileUnitSelect.addEventListener('change', () => {
                        updateCounters(false);
                        updateEstimateText();
                    });


                    // dropdown colorwave 

                    document.addEventListener('DOMContentLoaded', function () {
                        const desktopDropdown = document.getElementById('desktop-category-select');
                        const mobileDropdown = document.getElementById('mobile-select');

                        function applyColorWave(dropdown) {
                            setTimeout(function () {
                                dropdown.classList.add('highlight-wave');
                                setTimeout(function () {
                                    dropdown.classList.remove('highlight-wave');
                                }, 6000); // animation length
                            }, 15000);
                        }

                        applyColorWave(desktopDropdown);
                        applyColorWave(mobileDropdown);
                    });


                    updateEstimateText();


                    //jump to top on category change


                    function scrollToTop() {
                        window.scrollTo({
                            top: 0,
                            behavior: 'instant'
                        });
                    }

                    function handleCategoryChange(event) {
                        // Check if the selected option is different from the current category
                        if (event.target.value !== event.target.getAttribute('data-current-category')) {
                            scrollToTop();
                            // Update current category
                            event.target.setAttribute('data-current-category', event.target.value);
                        }
                    }


                    document.addEventListener('DOMContentLoaded', function () {
                        const desktopDropdown = document.querySelector('.desktop-dropdown select');
                        const mobileDropdown = document.querySelector('.mobile-dropdown select');

                        if (desktopDropdown) {
                            desktopDropdown.addEventListener('change', handleCategoryChange);
                        }

                        if (mobileDropdown) {
                            mobileDropdown.addEventListener('change', handleCategoryChange);
                        }
                    });


                </script>

</body>

</html>