Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <audio src="http://www.mymp3song.com/files/download/id/34251" id="soundTour"></audio>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, quas. Aspernatur aliquam modi officia itaque deserunt delectus voluptas animi quisquam odit maxime, odio numquam provident. Sit quaerat alias nemo suscipit.</p>
<p>Eligendi cum sunt suscipit, provident nisi impedit. Ex voluptate qui provident minima mollitia vitae, et, quas explicabo fugiat quo ea ratione earum harum rerum possimus id dolorum eaque, eius, dolorem.</p>
<p>Debitis labore similique suscipit ipsam maiores incidunt sint at facere voluptatum, provident voluptatem quis veritatis illo blanditiis magni. Labore doloremque fugit quam fugiat dignissimos, omnis praesentium recusandae eos aliquam dolor.</p>
<p>Molestiae molestias corrupti suscipit quod, ad eligendi, numquam illum itaque ratione dolorem veritatis perspiciatis beatae sunt exercitationem veniam aliquid, assumenda esse quisquam. Dolorem id saepe recusandae accusantium aspernatur odit voluptate.</p>
<p>Voluptatum deleniti neque sequi excepturi minus delectus debitis ad ipsa enim inventore tempore totam vitae dolores aspernatur voluptate voluptates fugiat, quam illum non voluptas, distinctio corporis officiis necessitatibus. Possimus, impedit.</p>
<p>Alias voluptatum expedita, assumenda blanditiis rem aliquid iste unde, accusamus aperiam facere voluptate! Esse, in. Harum cupiditate id maxime repellat tempora nulla at cum consequatur vel quis aspernatur temporibus, tempore.</p>
<p>Nemo minus similique cupiditate, ipsam doloremque quidem incidunt nihil dolor ratione alias, optio dignissimos numquam sapiente nostrum. Officiis culpa eaque, doloremque maiores harum ad, unde aperiam iste, quidem asperiores ea.</p>
<p>Doloremque harum facilis atque rerum necessitatibus temporibus, neque sequi quas quae dolorem, nostrum eum adipisci ea dignissimos. Aperiam, asperiores! Possimus quas perferendis expedita suscipit qui blanditiis nobis dignissimos. Accusantium, explicabo.</p>
<p>Unde molestiae, magnam culpa itaque ut a temporibus consequuntur? Minus delectus numquam natus veritatis nulla, hic expedita dicta tempore vel. Aperiam sunt consequatur debitis cum beatae, facere sapiente explicabo fuga.</p>
<p>Eius eos minus id repellendus, deserunt libero, vero ullam laborum nam corporis, voluptate ex! Odit aliquid saepe fugit ut fuga, nemo magni natus alias explicabo provident minus, doloremque deserunt incidunt!</p>
<p>Culpa debitis voluptas maiores reiciendis ad voluptatem illo nostrum. Non, ipsum expedita quo distinctio voluptates alias illo illum provident deserunt magni reiciendis accusamus explicabo temporibus debitis labore doloribus ullam sint!</p>
<p>Laudantium similique mollitia molestiae quo eum ipsam eius consectetur illum, quam magni omnis soluta est sed aperiam molestias facere corrupti veritatis, tempora animi autem quos architecto unde commodi? Temporibus, tenetur!</p>
<p>Magni obcaecati, ratione dignissimos maiores fuga ullam. Minima ipsum officia deserunt, nesciunt mollitia sint. At tenetur magni fugiat sit consequatur, et enim alias fuga, accusantium sapiente, ab suscipit necessitatibus deserunt.</p>
<p>Dolorum, suscipit necessitatibus dicta, inventore vel nisi ad debitis cupiditate repudiandae aut quas laboriosam corporis beatae. Sunt quasi temporibus porro saepe esse omnis ad, officiis adipisci assumenda. Quaerat, eaque aspernatur.</p>
<p>Tenetur, voluptatum ea aperiam corrupti cum officiis recusandae, ut nobis explicabo saepe est quibusdam ipsa, rem nulla at unde, culpa perferendis. Numquam, facilis ipsum, in et ea dolore repudiandae cumque.</p>
<p>Ad delectus commodi omnis ullam pariatur, dicta qui voluptatem, possimus porro, accusamus fuga. Temporibus recusandae ipsam quaerat, expedita exercitationem eligendi consectetur, quos quia amet culpa, accusantium et nihil sed modi?</p>
<p>Debitis recusandae omnis ex illo nesciunt modi cum voluptatem officia numquam doloribus earum, voluptatum nam aperiam maiores assumenda cupiditate ullam sint dolore ipsam dicta qui minus ratione expedita quisquam! Maiores!</p>
<p>Vero fugiat amet doloribus accusantium praesentium vitae facere fuga obcaecati facilis voluptatum incidunt laborum maiores delectus, consequatur dicta dolorem itaque, tenetur nisi mollitia labore alias! Temporibus, iusto! Quidem, facilis, vel!</p>
<p>Praesentium cupiditate tempore consectetur, ratione, totam incidunt animi sint, doloremque reiciendis similique tempora optio, libero sapiente! Esse optio totam, aut voluptas tempore nobis, sit molestiae, quasi, ducimus labore accusamus consequatur.</p>
<p>Praesentium illo vel a neque in ipsum eligendi accusantium libero, obcaecati incidunt quia sapiente molestiae architecto nostrum, doloremque fuga tempora, pariatur quas reprehenderit earum necessitatibus labore. Ipsa excepturi natus rem.</p>
<p>Debitis amet eum dolor quasi rem quos vel atque optio a ad quis numquam rerum iure quas earum, nesciunt, minima. In aliquid labore commodi, perspiciatis sapiente eveniet doloremque dolorem rerum.</p>
<p>Quae, voluptas dolorem illo corrupti iusto quibusdam molestiae eaque impedit, doloribus rem et itaque inventore in animi nostrum maiores consequatur veritatis ullam. Atque quia cupiditate minima, totam vero, commodi incidunt.</p>
<p>Aut voluptatem quas molestias animi quos reiciendis adipisci corporis, voluptas quae molestiae atque iusto itaque eligendi sed! Minus eum velit labore. Voluptatibus nobis, doloremque ipsa, iure laboriosam in. Aperiam, velit?</p>
<p>Vitae reprehenderit beatae fugiat odio veritatis eum, quibusdam? Asperiores similique accusantium architecto consectetur distinctio culpa. Placeat, eos accusamus a eligendi eius voluptate hic, nesciunt, assumenda est ipsa odit nihil, beatae.</p>
<p>Quasi, voluptatum perspiciatis aut beatae vitae aspernatur ut nemo inventore quidem soluta nihil eveniet accusantium pariatur maiores tempore, minima velit cum officiis. Modi aliquam ducimus cumque neque, harum eum non.</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p><p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
<p>Doloribus similique delectus nihil nemo, amet, officiis nostrum obcaecati nesciunt fugit, eius animi eum sit voluptatum quod impedit nobis eaque deleniti unde nam accusamus. Nihil placeat voluptas fuga labore facere!</p>
<p>Et ducimus doloremque tempore eligendi asperiores odit magnam quos reiciendis, esse aliquid. Quod explicabo veritatis temporibus vero iusto facere recusandae! Saepe deserunt, laudantium odit et ducimus, harum tenetur quae explicabo.</p>
<p>Laudantium velit ipsum voluptatem eveniet unde consequatur provident iusto veniam in necessitatibus natus doloribus inventore beatae vel temporibus accusamus nisi ipsam sapiente deserunt adipisci minus, omnis tempore placeat eius repellat!</p>
<p>Quis, blanditiis necessitatibus sequi animi, eum, nulla facere eaque error laudantium cum iusto debitis, consequuntur expedita officiis sed? Omnis blanditiis, placeat ad modi architecto, repellat. Dolor eligendi porro pariatur ea.</p>
<p>Ipsum quam, quia nisi quod est modi natus sed voluptatum iusto molestiae nulla quibusdam, saepe ducimus sit ab distinctio at sint culpa quisquam aliquid! Optio nobis cum amet repudiandae maiores!</p>
            
          
!
            
              var playing = false;
var audioElm = $('#soundTour').get(0);
$(window).scroll(function() {
  var pageScroll = $(window).scrollTop();
  if(!playing && pageScroll > 500 && pageScroll < 3000){
    audioElm.play();
    playing = true;
  }else if(pageScroll > 3000 || pageScroll < 500){
    audioElm.pause();
    playing = false;
  }
});
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console