sancau · February 24, 2016 14:37
diff --git a/independent-css-scrolling.html b/independent-css-scrolling.html
 <!-- This snippet is originally presented by Ben Frain @benfrain -->

 <!DOCTYPE html>
 <html class="no-js">
 <head>
    <meta charset="utf-8">
    <title>Independent CSS scrolling panels (with inertia)</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
    /* Some border-box*/
    * {
        box-sizing: border-box;
    }
    /*This just stops me getting horizontal scrolling if anything overflows the width*/
    body {
        overflow-x: hidden;
    }
    /*Just removing default browser padding/margin*/
    html,
    body {
        padding: 0;
        margin: 0;
        color: #ebebeb;
    }
    /*Flexbox gives us the flexiness we need. The top just stays put as there is no scrolling on the body due to the page never exceeding viewport height*/
    .Top {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: black;
        font-size: 3rem;
        position: relative;
        z-index: 10;
        height: 100px;
    }
    /*This is our main wrapping element, it's made 100vh high to ensure it is always the correct size and then moved into place and padded with negative margin and padding*/
    .Container {
        display: flex;
        overflow: hidden;
        height: 100vh;
        margin-top: -100px;
        padding-top: 100px;
        position: relative;
        width: 100%;
        backface-visibility: hidden;
        will-change: overflow;
    }
    /*All the scrollable sections should overflow and be whatever height they need to be. As they are flex-items (due to being inside a flex container) they could be made to stretch full height at all times if needed.
    WebKit inertia scrolling is being added here for any present/future devices that are able to make use of it.
    */
    .Left,
    .Middle,
    .Right {
        overflow: auto;
        height: auto;
        padding: .5rem;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    /*Entirely optional – just wanted to remove the scrollbar on WebKit browsers as I find them ugly*/
    .Left::-webkit-scrollbar,
    .Middle::-webkit-scrollbar,
    .Right::-webkit-scrollbar {
        display: none;
    }
    /*  Left and Right are set sizes while the Middle is set to flex one so it occupies all remaining space. This could be set as a width too if prefereable, perhaps using calc.*/
    .Left {
        width: 12.5rem;
        background-color: darkblue;
    }

    .Middle {
    	background-color: black;
        flex: 1;
    }

    .Right {
        width: 12.5rem;
        background-color: darkblue;
    }
    </style>
    
 </head>
 <body>
    <div class="Top">Independent CSS scrolling</div>
    <div class="Container">
        <div class="Left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum alias in quam, voluptatum ratione eos facilis qui eligendi! Architecto est rerum magni ducimus maiores sit non, assumenda quod expedita! Corporis adipisci nostrum, reiciendis, cum amet fugiat possimus deleniti porro nemo, earum animi quia explicabo, voluptates rerum! Quidem quod deserunt officiis at eveniet, quasi, illo omnis laborum iusto nostrum suscipit quis magnam ullam natus quo optio ducimus odit temporibus amet blanditiis reprehenderit unde. Aliquam neque natus quibusdam praesentium eum accusamus! Sequi sapiente ipsum quidem cum provident aliquid blanditiis ea eaque similique? Cum vero explicabo libero provident esse odit dolorem atque aut optio, eos tenetur, in ad, assumenda modi perferendis ratione quam dignissimos quaerat ipsa possimus ducimus velit. Optio repellat tempora, voluptate accusamus ipsam soluta odio porro, veritatis recusandae, eius deserunt et aperiam repellendus impedit. Ratione, dicta nulla accusantium quos, repellat porro rerum molestias amet harum fugiat facere maxime labore ipsa blanditiis nisi aliquam! Culpa eos reprehenderit voluptatem harum illum expedita, quisquam sint consequuntur consectetur nulla maiores eaque dolores nobis sit magni quod distinctio saepe facere corporis iure, accusamus iusto. Magnam veritatis rerum eius nobis, cum accusantium dignissimos quia ratione fugit? Consequuntur debitis ab, atque officiis quae unde accusantium, commodi. Atque quidem, voluptas ullam quas, veritatis excepturi, dolorum explicabo saepe similique impedit omnis dolorem rerum corporis labore fuga distinctio maxime quasi. Accusantium repudiandae quidem assumenda aut, labore veritatis unde omnis consequatur perferendis debitis. Mollitia assumenda at, eos ex porro quaerat, rem, consectetur aspernatur esse, sunt tempore. Nihil delectus, neque corrupti, cum quos vitae. Dolor ad sint, ipsa incidunt voluptatem libero quis distinctio laudantium ducimus ut fugit debitis ex deleniti sit quae, nihil ratione. Nam velit libero at veritatis reprehenderit facilis vitae quibusdam, nobis, perspiciatis nesciunt magnam expedita obcaecati dolor molestias placeat doloribus architecto esse! Error, earum placeat quibusdam, laborum quia vitae et hic optio inventore ad sit quae consectetur reprehenderit quod reiciendis, ullam consequatur nesciunt minima praesentium. Molestias itaque quisquam sequi quam accusamus laborum sunt perspiciatis expedita, a reprehenderit distinctio doloremque ad, odio nulla earum ipsam voluptates aperiam quasi delectus eveniet nihil. Harum, molestias, dolores! Reiciendis tempore corporis odio, ut sed, excepturi ipsam numquam. A atque maiores eligendi distinctio eveniet, vero sint. Facere quisquam veritatis vel maiores suscipit quam ad exercitationem, omnis mollitia nihil cumque nam minima, odio aspernatur quidem consectetur quae deleniti ducimus nobis doloremque ipsam, ea saepe itaque nemo et. Aspernatur quaerat iste obcaecati voluptatum dolores soluta, fuga architecto corporis officia sequi. Nostrum harum illum ipsam ratione neque eius odit adipisci laudantium saepe consequatur suscipit, deserunt quam assumenda quaerat non nemo magnam, odio mollitia. Nulla quos vero consectetur, sunt nobis incidunt mollitia tenetur ratione sit nihil nesciunt hic eaque accusantium quisquam culpa animi magni obcaecati praesentium repellat totam laboriosam nostrum. Exercitationem nam illo temporibus incidunt tenetur quisquam sapiente, eos neque fuga officiis, autem facere quae fugiat ex numquam obcaecati, ipsam repudiandae ratione, eius doloribus quaerat? Assumenda harum accusantium dolore earum amet quia, at aliquid quo suscipit doloribus consectetur sit, ad reiciendis, sed quis! Nisi vitae consectetur porro quibusdam aut officiis velit beatae aperiam quia repudiandae consequuntur odit ratione qui iure alias possimus, a, dolorum, facere sunt consequatur doloribus impedit atque? Deserunt nemo quia ullam ex provident voluptatibus odit cum assumenda, maxime expedita quos corporis! Consectetur enim sapiente adipisci earum autem, vitae quis saepe corporis tempore, nisi ullam magnam qui possimus culpa! Quae perferendis, in blanditiis dolorem natus. Nulla quaerat, cum numquam fuga voluptates nobis ipsum? Asperiores numquam tempore sapiente incidunt voluptas, magni, provident culpa fuga. Voluptatibus sapiente, illum voluptates. Veniam quod perspiciatis nisi libero aspernatur, quae, doloremque qui soluta unde nulla officia numquam saepe facilis assumenda, pariatur fuga commodi provident! Minima ex corporis, nihil, error officia laboriosam alias ipsum doloribus nesciunt vero quis reiciendis. Aperiam suscipit, non recusandae, repudiandae at animi deleniti, distinctio ex vitae corrupti in. Sapiente, neque enim quae voluptates illum laboriosam numquam fugiat? Repudiandae commodi ullam labore molestiae veritatis aut in alias debitis sint, earum cupiditate fugit molestias quasi voluptas, autem obcaecati error nesciunt, accusamus dolore quae deserunt voluptates rem omnis! Temporibus, voluptatum. Est magni quae hic numquam non, maiores aliquam iure ipsum doloribus asperiores repellat velit quis rem ab nobis perspiciatis! Alias, sint eligendi natus molestiae quis. Dolor labore doloremque iusto deleniti, commodi ad cum adipisci repellat. Officia cum tenetur quaerat voluptatibus repudiandae quam eaque rem quasi tempore aliquid neque quae accusantium temporibus autem deserunt facere cupiditate possimus fugit nulla, ea sunt. Unde dolores impedit ipsum in modi quidem autem natus! Rem repudiandae, voluptatibus non in ut magnam natus quisquam deserunt asperiores quos eveniet totam numquam quam consequatur officiis aperiam repellat? Numquam natus beatae possimus ex odio debitis, in aut ratione, veniam nemo minus provident cumque nam soluta repudiandae sed labore esse cupiditate est suscipit maiores molestias! In veniam minima pariatur error saepe? Fugit, facere suscipit? Debitis odio voluptas magnam dolor perferendis adipisci iste incidunt sint nulla error voluptatibus praesentium, velit dolore mollitia doloribus ipsum quos earum quas aut placeat illo, molestias maiores optio aperiam. Quis laborum numquam eos iure, voluptatem, optio dolores natus soluta cumque ea nemo assumenda aspernatur dolorum facilis, cum ullam veniam quam tenetur obcaecati itaque magnam autem architecto! Aspernatur quo magni nihil debitis consequatur, magnam esse odio ea necessitatibus dolor id eum sed a, assumenda mollitia soluta veniam aliquam ducimus laborum laudantium voluptates. Amet cupiditate fugit aperiam unde soluta et, pariatur earum id temporibus, laborum nobis. Distinctio aut porro delectus doloremque a ipsam, obcaecati quis quae vitae omnis adipisci nulla reiciendis quisquam rerum sint minus esse tempore vero! Quisquam adipisci consequatur sequi! Deserunt blanditiis minima, cum ad qui optio in enim perspiciatis aspernatur nostrum voluptas nobis explicabo, itaque aut, aliquam similique magnam omnis! Natus unde cum pariatur aliquid rerum reprehenderit culpa soluta tempore ipsa obcaecati? Optio doloribus deleniti eaque, repellat dolore veritatis reprehenderit voluptate perspiciatis tenetur quaerat nemo iure impedit consectetur aliquam deserunt labore consequatur eius, tempore vitae accusamus debitis. Quis cumque ad error repudiandae ratione, quidem maxime molestias soluta impedit dolorem architecto, quia, dicta laboriosam ea natus incidunt, est velit eum reprehenderit veritatis alias atque? Quibusdam accusantium pariatur illo nemo sint?</div>
        <div class="Middle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore saepe error labore adipisci ab, dolores, asperiores vero consectetur quis praesentium beatae corporis quaerat enim, ea recusandae dolorum aliquam dolor voluptatum voluptas repudiandae pariatur ipsa. Cum cupiditate non dolor vero quos nam illum velit similique officia ducimus reprehenderit eaque veniam ipsam saepe quaerat quisquam asperiores, error, atque quam iusto nulla. Perferendis laudantium porro consequuntur ut repellat sapiente voluptatibus cumque in quam aspernatur harum, voluptatem, aliquid. Asperiores aliquam nobis, totam, eum iusto illo soluta, quasi ab odit laborum, quisquam nihil iure? Ducimus molestiae magnam ullam sint ex mollitia rem, doloribus ipsam nemo quam suscipit. Obcaecati perspiciatis doloremque amet consequuntur cum aspernatur laboriosam ab architecto ad quas eius sapiente ullam nam, iure laudantium dolores blanditiis eos quos omnis repellat consequatur corrupti vitae veniam explicabo! Dolorum corrupti modi unde, dignissimos, repellendus numquam neque at, provident ipsum doloremque laboriosam rem eum in labore veritatis nobis, aspernatur voluptas temporibus explicabo! Totam accusamus laborum quas quam iure, porro optio omnis aspernatur libero eligendi perspiciatis enim, nobis necessitatibus vero, temporibus voluptas consectetur error incidunt accusantium magni facilis obcaecati fugit. Alias voluptas ipsum quas pariatur incidunt optio corrupti aperiam, cupiditate, sunt odio libero saepe? Labore vero odio optio vel, sit, excepturi esse, beatae, provident facilis qui mollitia quas at. Veniam dolore dolor natus laboriosam placeat ducimus culpa, quos laudantium neque ut, hic, enim velit. Magnam odit, adipisci cumque asperiores provident officia eius reiciendis, quia iure eaque iste dicta eligendi eum earum. Natus assumenda porro asperiores, corporis nihil, vitae eaque. Nemo minima veniam ducimus! Quas ipsam quo eaque repellat quia recusandae sint suscipit delectus. Reprehenderit nulla assumenda suscipit dolorum eligendi nesciunt, culpa aut magni neque saepe ad natus voluptates voluptatum, ex debitis ducimus numquam id sunt rem error ipsum labore aliquid quasi at! Enim ullam illum dolorem fugiat officia numquam vitae, quasi laudantium reiciendis quibusdam quia, alias facere, doloribus delectus laboriosam culpa nemo recusandae explicabo accusamus ex quo voluptatum aspernatur ipsum sunt! Autem, velit! Praesentium illo consequuntur nam voluptate pariatur inventore eveniet repellendus harum rem quaerat, mollitia qui assumenda deserunt animi distinctio, reprehenderit, nisi deleniti perferendis numquam dolore dicta. Voluptatem numquam nobis, at expedita illo qui. Quis excepturi sunt voluptatibus deserunt quidem pariatur, aspernatur voluptates? Ex sed praesentium eveniet, eligendi minus aliquid aperiam asperiores magnam. Assumenda explicabo perspiciatis eveniet error repudiandae adipisci dolore harum incidunt necessitatibus officia! In debitis aut earum quibusdam veritatis quisquam adipisci nulla enim saepe nesciunt odit repudiandae non, veniam ipsa tempore atque ut a obcaecati sed vitae dolores sequi esse labore vero. Explicabo dolorem iste placeat, nam sapiente sequi laborum nobis ullam quo, deserunt quas quibusdam laboriosam totam asperiores exercitationem a! At facilis rem repellat debitis, ex veritatis laborum. Non labore sapiente, odit adipisci perspiciatis voluptatibus magnam, blanditiis commodi culpa natus similique dolore quo nesciunt quasi vel necessitatibus perferendis ex animi minus facilis quisquam dolor. Delectus praesentium adipisci at harum, consectetur illum molestias tenetur quod assumenda natus provident rem numquam dignissimos voluptates iste obcaecati architecto vitae optio odit, excepturi sunt voluptate fuga aliquid. Omnis, totam! Molestiae quaerat assumenda placeat. Ex quia beatae dignissimos ipsa debitis quis accusamus, voluptas repellendus quos voluptatem neque quo doloribus id, repudiandae magni fuga laboriosam officia, perferendis, enim facilis perspiciatis cum deleniti nisi eum! Reiciendis, quam accusamus et! Ducimus facilis quidem beatae amet optio, architecto, voluptates nesciunt neque aut. Aliquam illo error, laudantium, delectus repellendus facilis, odit pariatur voluptatibus tempore dignissimos reprehenderit excepturi earum saepe facere quaerat ipsa consequatur iure totam tempora natus deserunt sit. Illo enim cupiditate possimus, voluptates voluptatem, esse. Est earum, modi praesentium ex similique eveniet, laborum incidunt totam, dolore perferendis, excepturi. Quis quas sunt natus iure fugit exercitationem facere, neque voluptates dignissimos quia pariatur enim incidunt vitae possimus sit porro soluta dolorem magnam quod quidem doloribus modi, nam quisquam deserunt consequuntur. Dolor ullam, dignissimos debitis nisi, vel voluptatibus nobis excepturi eaque cum repudiandae libero, expedita sit obcaecati commodi, tempore. Ipsum minima esse porro ab, cumque. Voluptatum laudantium dolor temporibus repellendus alias illum cumque animi culpa, aliquid iusto facilis minus porro ab! Hic mollitia tempore, officiis sapiente nostrum veritatis pariatur molestiae perferendis, facere repudiandae. Vitae doloremque, voluptatum modi iste atque obcaecati eius a quidem libero sed quaerat nemo? Doloribus aliquam dicta neque, dolores eos ab commodi. Quia obcaecati soluta facere ullam, rem iure in, dolor eius necessitatibus hic totam doloremque laboriosam asperiores recusandae. Ad voluptates, sed omnis, commodi dolor repellat consequatur quas dignissimos aspernatur doloribus quae, possimus minus dolore. Dolore amet illum repellat fuga obcaecati in, accusamus veritatis, distinctio maxime provident rerum voluptate ullam, minus maiores animi reprehenderit. Numquam dolor, harum commodi, laborum asperiores voluptatibus amet explicabo quia iste, facilis ipsum quibusdam labore! Voluptatibus dolorem ut ipsum est, eligendi aliquid totam praesentium temporibus. Animi velit explicabo asperiores assumenda incidunt neque. Voluptas ut consequatur sed necessitatibus voluptates, fugit reiciendis ea laborum reprehenderit blanditiis eos nihil possimus, recusandae, aliquam libero ipsa. Delectus nobis enim, voluptatum neque magnam omnis repellendus. Quaerat illum deleniti voluptates quisquam dolor quidem laudantium numquam praesentium delectus, fugiat, id architecto sit enim, rem corporis ex unde ducimus omnis! Culpa autem repudiandae perspiciatis eos alias aspernatur a libero incidunt ad. Dignissimos quia, architecto voluptatibus reiciendis error sit sunt placeat, aliquam quod blanditiis nihil voluptate ducimus modi repellat nemo, impedit quam unde totam praesentium ipsam iste deserunt consequatur deleniti! Quaerat, dolorem! Numquam modi consequatur officiis labore fuga libero error amet et quidem, alias odit ad obcaecati sapiente explicabo magnam beatae culpa eaque. Necessitatibus ut, repellendus fugiat magnam amet possimus accusamus aut maxime. Tempore ad, quos eligendi provident porro officia similique, quo cupiditate commodi maxime vitae. Provident fugit itaque possimus quae alias iure voluptatem libero tempora, saepe in architecto eos doloremque, impedit minima necessitatibus animi fugiat similique vel voluptate distinctio repudiandae sunt. Necessitatibus, minima pariatur ad ipsa quam molestias maxime ut tenetur consectetur possimus sit modi neque laudantium. Aut vel, neque repellendus eveniet repellat alias illo mollitia debitis necessitatibus atque magni labore dolor porro consequatur! Quidem dolor, non magnam ex doloremque cumque? Totam deserunt voluptas, alias, odio sapiente ab est fuga eaque eligendi placeat, a earum! Excepturi unde molestiae incidunt non.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium quaerat voluptatum magnam ipsum debitis dolorem molestias atque ipsa temporibus. Voluptatem incidunt in ex ipsa enim, quidem unde reiciendis non. Totam sint asperiores eos sapiente minus incidunt, neque corporis sunt eum. Magni, quibusdam amet in fugiat natus accusamus dolores id eveniet cum sunt explicabo! Iste ea suscipit in possimus natus deleniti dicta doloremque excepturi, veniam ipsam voluptatum quae eos saepe iusto id. Rerum, repudiandae recusandae, distinctio ipsam illum adipisci accusantium! Dolorem fugit aspernatur veniam nulla, quos ipsam rerum officiis, cumque quaerat, iste maxime ullam magni pariatur! Voluptatem ex cumque quos illum, nisi quaerat reiciendis hic rem optio rerum eius repudiandae et temporibus ducimus aliquid impedit quae cupiditate dignissimos nobis voluptas dolorem? Officia reprehenderit, est debitis et recusandae ad deleniti harum quaerat libero perspiciatis quo quas, nostrum aut assumenda ex repellendus ut velit animi facilis quod suscipit quam in esse ullam sed! Vero officia asperiores aspernatur nemo, nobis obcaecati doloremque iste repellat, eveniet impedit dolor facilis velit placeat, provident alias error animi, perferendis. Necessitatibus id possimus deleniti accusamus quasi voluptas, quo fugit sed illo earum ea officia cupiditate debitis. Unde rerum doloremque, asperiores maiores possimus suscipit deleniti, tempore eaque expedita dolore. In ratione commodi rerum pariatur, ullam, nesciunt dicta alias cum qui, nihil iure molestiae at repudiandae itaque dolore. Rem suscipit quod pariatur nostrum autem libero debitis voluptatum, cupiditate, consequatur, doloribus deserunt. Maiores ullam enim ab non, nesciunt iure tempora quisquam, commodi ut unde autem, aperiam! Soluta tempore, ex, pariatur enim magnam nemo deleniti libero mollitia ipsa, non dolor obcaecati impedit alias incidunt facilis eius fugit maiores. Est consequuntur non dolore amet, incidunt maxime quisquam odit sed quas tenetur assumenda ipsum delectus quibusdam natus, vel iusto ullam omnis, quod necessitatibus ipsa! Corporis id, molestiae reiciendis repellat. Culpa officia nobis repellat in inventore molestias quae deserunt similique cum dolor excepturi alias, nesciunt provident amet accusamus, nihil expedita rem libero aspernatur, asperiores quaerat voluptatem distinctio. Est eligendi magni expedita ad voluptates molestiae laudantium corporis vero. Saepe consequatur voluptas obcaecati ducimus similique? Corporis recusandae architecto amet? Unde dignissimos architecto, et error! Praesentium nemo vel, consectetur placeat eius minus, illum consequatur suscipit totam dolor laudantium, molestias quod iure quam quidem. In porro, quis sunt enim non sapiente molestiae vel fugiat deserunt ipsam aliquam qui ipsum dolores magni odio vero at tempore a accusamus, debitis placeat quos dignissimos eligendi laboriosam. Magni deleniti suscipit natus est? Quis, eaque reprehenderit vitae debitis ab sint assumenda sunt quidem nulla excepturi! Maxime magni nulla illum voluptas rem ipsam deserunt sed, numquam, ipsa repellat officia modi laboriosam ducimus quam consequatur temporibus repellendus dolorum in necessitatibus quod dicta fugit minus ex. Placeat illum nobis dolor natus aliquid asperiores dolorum commodi mollitia. Fuga odio, quasi nihil eveniet nobis impedit ipsa aspernatur totam velit deleniti commodi numquam temporibus iste qui illum, illo id consequuntur? Itaque, officiis sunt. Itaque consequatur eligendi, quaerat quas dignissimos possimus temporibus earum maiores quasi dolor unde maxime repellat, eos ex, optio ut. Quam et earum dicta, magni repudiandae illum commodi rem quod laborum consectetur numquam facilis accusantium recusandae. Aut, sint est. Ratione reiciendis pariatur, cumque eos accusantium dicta, delectus possimus mollitia suscipit laboriosam eaque corporis molestiae ut nisi neque corrupti, itaque consequatur quasi voluptatum. Nemo quidem atque excepturi labore tempore inventore! Laborum, odit aliquid dicta nam fugiat, eligendi voluptas delectus ut fugit porro. Eaque error corporis consectetur, numquam consequatur tempora! Doloremque, provident magni? Quod saepe aspernatur numquam consequuntur hic veritatis, eos perferendis, at, nihil pariatur nostrum, sint quam quos blanditiis porro. Eveniet non fugiat omnis iure molestias, soluta voluptatibus repellat architecto quasi libero rerum quos hic nulla consectetur magni tenetur, id rem labore accusamus facere quidem minus minima commodi? Aperiam beatae magni dolores omnis, excepturi odio tempore fuga totam incidunt ipsam distinctio, suscipit in debitis recusandae ratione perspiciatis laborum ab provident! Quibusdam doloribus iusto quia maxime odit, laboriosam, cupiditate sed labore ad ducimus dolor ipsum dolore fugit. Quidem libero vitae ullam sit placeat rerum et pariatur eligendi autem magni consectetur tenetur fugiat, soluta iusto repellendus explicabo, voluptatum nihil, inventore officia voluptate est aliquid! Necessitatibus sed nisi adipisci quaerat animi alias nulla sapiente, natus corrupti eaque labore voluptates quia aut magni ducimus sit. Eaque unde, neque explicabo, quisquam veritatis iure! Necessitatibus minima, adipisci expedita harum modi hic neque fugit, atque esse et rem reiciendis quos est provident deleniti cum numquam quidem itaque, unde voluptatem consequuntur? Velit laboriosam repudiandae ea cupiditate sit voluptate aspernatur modi explicabo quas quod ab, voluptates vero facilis repellat esse! Voluptate inventore neque quo doloremque, nihil similique! Eaque omnis soluta quos, sed, expedita facere possimus natus aut facilis, nobis dolorem iste animi non, blanditiis autem placeat in tenetur repudiandae! Corporis soluta, quos aliquid assumenda minus rem ratione quaerat esse ipsam voluptas, in cumque, ullam dolor, explicabo asperiores sit tempore. Amet voluptatem error voluptate eos natus, esse odio voluptas itaque consectetur fugit sit sunt obcaecati optio perspiciatis totam aliquam sapiente neque, quia possimus, eum tempore impedit aliquid nesciunt. Odio eum magnam ad esse tempora ex expedita alias! Exercitationem dolorum non sint tempora praesentium sunt inventore quasi cum, quae iste nobis magni animi esse minima soluta, odio doloribus officia illum voluptatem. Labore quod minima doloremque nostrum eum dolor, unde amet, beatae, ullam cupiditate doloribus! Dolore nobis enim odio ipsam corporis rem quas autem consectetur aliquid laboriosam nam ducimus accusantium nostrum ut minima quia eius, saepe omnis, alias doloribus quisquam ipsa, tenetur. Autem, delectus veritatis sapiente corporis deserunt! Itaque repellendus earum asperiores est voluptatibus dicta, quo. Suscipit similique fugiat deserunt! Voluptatum voluptatibus eaque ut temporibus, iste non ab quas commodi neque. Est placeat laudantium dicta nesciunt quas repellendus dolore cupiditate eum aspernatur eligendi iure veritatis magnam molestiae quibusdam reiciendis recusandae, omnis minima quos ratione voluptatibus beatae! Necessitatibus perferendis quo minima quae. Voluptas qui dolorem eaque necessitatibus iste repudiandae magnam obcaecati perspiciatis, maiores laborum iure, nisi, magni ex minima a at fugit velit perferendis impedit omnis totam temporibus amet recusandae. Aut debitis sed cum possimus cumque id iste suscipit quisquam quam animi, placeat, laboriosam nihil et fugit iure eveniet voluptates deleniti, distinctio fugiat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum praesentium molestias libero, reprehenderit ipsam sunt nemo accusamus aperiam. Aperiam minima at deleniti, necessitatibus explicabo, officiis cum animi quo id, omnis enim aspernatur voluptatem totam iure aliquam? Similique laborum cum ea voluptatibus provident sunt porro optio molestias odio? Harum nostrum sunt sint similique nesciunt dolor dolore itaque quae natus iste. Sequi totam veritatis a ipsam odio ullam eveniet unde adipisci qui cum est doloribus nobis quas excepturi quam, natus eligendi, vitae voluptatem! Minus ipsa quis, iste laborum voluptas maxime id sequi, non atque, unde nesciunt delectus sed. Dolorem perspiciatis quibusdam minus.</div>
        <div class="Right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero quibusdam maiores, vel ipsa delectus magnam totam eligendi consequatur voluptatem molestiae sequi tenetur libero recusandae. Nihil laborum, incidunt, hic minima ullam asperiores adipisci quas, repellendus nobis magni deleniti perspiciatis harum fuga sit delectus voluptate officiis. Ut doloremque ipsum dolores hic animi deleniti cum est voluptatem consectetur quod magnam sit illum placeat in aliquam distinctio adipisci saepe, quae cupiditate velit impedit voluptate earum! Culpa optio explicabo beatae esse, excepturi quam, iste nihil accusantium obcaecati? Nihil iure sit eos porro officiis ratione autem omnis dolor consectetur mollitia aspernatur cum, quam reprehenderit debitis vitae alias delectus perspiciatis sapiente, in molestiae fugit aliquam praesentium dignissimos sequi! Officiis eaque neque cumque ipsa. Tenetur earum, cumque expedita similique. Deserunt optio, ratione adipisci, eum cum laboriosam aspernatur, vero odio modi eos iste at nobis provident minima pariatur. Eveniet nisi sequi consectetur, ratione accusamus tempora consequuntur, aspernatur omnis ipsa dicta, neque similique dolor laudantium, accusantium quod unde nulla deserunt laboriosam saepe architecto nostrum quos. Maxime culpa, doloribus voluptates, mollitia nostrum labore. Explicabo, itaque. Rerum, nisi eveniet. Eaque perspiciatis, tempora iure aperiam cupiditate dolore perferendis magnam quis eius accusantium, laudantium totam praesentium facere alias ex soluta quidem unde ducimus corrupti illum nemo veritatis voluptatibus repudiandae! Magni atque labore voluptatum quibusdam vitae eligendi aliquid. Doloremque natus ipsam, tenetur ratione consequatur porro quia totam, ipsum, vel fuga perspiciatis dignissimos aliquam odio sint explicabo consequuntur! Deserunt quisquam quas quo reprehenderit distinctio qui, temporibus molestiae inventore. Esse provident dolorem incidunt molestias doloribus eos, dignissimos quae velit odio a repudiandae fuga ipsa, vel beatae magnam aliquam voluptas eum. Nemo tempore voluptatibus quos eveniet, ut delectus, neque autem quia, quasi eos voluptate. Odio autem quo cumque, itaque laborum iure quos deleniti doloremque molestiae quisquam at in quaerat dicta ut amet quidem rerum aut, veritatis iste. Veniam sequi esse, nemo, rem explicabo consequuntur, ducimus est alias in excepturi dicta aliquam perspiciatis, ea dignissimos optio. Nisi eveniet accusantium error assumenda nihil ullam ut non dolor praesentium inventore perspiciatis officiis animi earum in minima, dolores, debitis repellat, aliquam incidunt rerum! Cupiditate molestias deserunt perspiciatis et fugiat quidem delectus ad accusantium voluptatem ipsa blanditiis commodi, neque optio recusandae repellat non quaerat dicta maxime, culpa doloremque, corporis necessitatibus ea quae sapiente. Ad beatae, vel architecto. Ratione magnam quibusdam ipsum asperiores ad deserunt ex hic cupiditate facere corporis dignissimos perspiciatis, autem error debitis animi doloribus, enim sequi inventore in adipisci. Voluptates soluta, quod, iste minus cumque doloribus in laboriosam, culpa deleniti ab optio ratione modi reiciendis aspernatur inventore facere! Fugiat labore quisquam enim, tenetur. Cumque et, nesciunt repellat quod magni atque. Alias inventore rem consequuntur vero, quia amet, praesentium optio neque eligendi quaerat quae sit, animi omnis consequatur molestiae possimus eum! Officiis asperiores hic soluta, libero reiciendis minima quod optio placeat maiores eaque culpa voluptas rem nihil dolorem eveniet totam reprehenderit! Facilis hic, quam. Optio quisquam aliquid iste, pariatur voluptatem ipsum, vitae laboriosam, explicabo voluptatum voluptas sint neque maxime. Sapiente harum inventore, dolore et, illo facere. Hic esse placeat iste quisquam laborum quia excepturi, maiores suscipit nam cumque aliquam minima quasi quaerat, natus fugiat id amet nulla? Quaerat voluptates officia totam autem similique, eligendi atque. Ipsam soluta delectus eum quam distinctio! Perferendis assumenda distinctio quis officiis quaerat, error nam ducimus in, autem magnam accusamus doloribus, quo enim necessitatibus! Voluptates laudantium tenetur animi magnam asperiores, debitis nesciunt libero voluptas magni quidem laborum! Asperiores repellendus perspiciatis aliquid dolorum fugit facilis itaque. Odit hic incidunt natus, commodi quia est ipsum modi mollitia eveniet, odio, voluptatem nemo. Quibusdam voluptatum doloremque amet excepturi beatae ratione eveniet eligendi sed esse, laudantium molestiae, iure itaque eum ea a accusamus odio eius assumenda placeat debitis vitae. Rem quo, sapiente, beatae hic quas corrupti! Dignissimos modi, inventore earum soluta quibusdam eaque amet reprehenderit tempora dolor perferendis minus, maxime deleniti officia, quasi eligendi asperiores, id expedita rerum totam odit sed. Odit dolorum molestias laudantium a, aliquid fugiat corporis provident quae quas beatae, repudiandae maxime nihil, ratione itaque doloribus. Itaque ut culpa optio ea voluptas architecto impedit officiis aspernatur quidem numquam quibusdam, quos voluptatem dolore repudiandae nesciunt labore temporibus autem tempore vel expedita. Modi cumque distinctio dicta ipsam asperiores esse, quo maiores mollitia, debitis tempora officia numquam quas ratione non aliquid voluptates aliquam repellendus quis placeat tempore veritatis obcaecati possimus itaque reiciendis! Culpa accusantium quod aperiam sed iure aspernatur assumenda delectus a ad, necessitatibus quasi, temporibus distinctio id eveniet ipsa nostrum! Illum veritatis, fugit labore. Quos corrupti ea est ducimus repellendus delectus. Modi minima molestiae soluta, eaque ducimus temporibus eligendi fuga, beatae asperiores vero magni aspernatur at architecto nulla illum animi, excepturi magnam veritatis laboriosam! Sit omnis repudiandae laudantium ad odio laboriosam ea corrupti fuga, eum vero adipisci est nemo, quidem ipsum similique, aperiam ut maiores iusto debitis quod accusantium! Voluptatibus obcaecati recusandae similique facere expedita et perspiciatis, sit vel saepe doloribus aut omnis hic tempore explicabo sequi ipsa eos id quas quo totam mollitia minima, qui? Recusandae doloribus, porro corrupti accusantium impedit temporibus tempore tenetur repellat, nesciunt quos ex amet mollitia eius. Eum omnis repellendus id impedit nostrum aliquam officia amet unde qui expedita reiciendis cupiditate, repudiandae, odio. Fuga in nesciunt, vero. Odit esse delectus, mollitia eum accusantium officiis hic totam, ducimus recusandae voluptas dolore iste dicta laboriosam. Aperiam magni distinctio explicabo ut sapiente placeat voluptatibus tempora quas, non mollitia voluptate provident neque corrupti error debitis eum rem nam cumque dolore iusto porro natus beatae fugiat asperiores. Saepe veniam optio accusamus explicabo, ea maiores necessitatibus deserunt doloremque tenetur amet temporibus porro provident consequuntur quae eum soluta et, dolorum vero facilis deleniti vitae, illo odit illum. Ea quasi temporibus doloremque voluptates, vero harum eaque nulla velit quaerat facere ducimus, repellat beatae itaque ex eligendi facilis sit deleniti, enim aliquam deserunt neque qui excepturi quis! Assumenda rerum ipsam dolorem repellendus officia deserunt veritatis quae id sint qui ab sit iure tempore odit adipisci asperiores libero eligendi, itaque, quis harum. Blanditiis quaerat obcaecati quis. Ipsam cumque ea vero harum odio reprehenderit, eos perspiciatis nam, molestias culpa natus. Mollitia repellendus consequatur error earum, omnis nisi quaerat.</div>
    </div>
 </body>
 </html>