<div class="nav"></div>
<div class="sidebar"></div>
<div class="main">
    <div class="left-block"></div>
    <div class="right-block">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo vitae doloribus incidunt, libero, laudantium aliquid corrupti dolorem quidem nobis nemo hic consequatur iure cupiditate optio illum asperiores corporis dolore nesciunt!</p>
        <p>Quae nesciunt officia totam ea, rem ullam quo accusamus facilis dolorem exercitationem inventore eum officiis error numquam, iste aliquam aspernatur non nemo alias odio itaque eligendi. Harum dolorem aliquam ipsa.</p>
        <p>Temporibus incidunt impedit voluptate quidem, tenetur laborum facere deserunt, illum fugit culpa quam accusantium quaerat illo architecto? Nisi omnis, ipsa, alias quod nemo perferendis, error natus dolorem praesentium odit distinctio!</p>
        <p>Similique recusandae mollitia magnam non nulla, aliquam maiores quisquam necessitatibus dicta voluptates iure omnis ab fuga, ut id totam atque deleniti. Maxime, illum necessitatibus? Earum quibusdam nemo eveniet officiis non.</p>
        <p>Nobis odio nostrum culpa nisi consectetur, laboriosam, cupiditate deserunt odit provident eveniet excepturi aperiam? Repudiandae labore nisi nulla repellat, non, illum vitae facere a nobis, ipsam cumque assumenda dolore reiciendis.</p>
        <p>Perspiciatis repellendus commodi dolor alias hic aut officia sapiente numquam ducimus blanditiis voluptatum quis earum similique minima perferendis dignissimos dicta laudantium, nemo doloremque cum. Quae non laborum ipsum labore error?</p>
        <p>Illo quasi nostrum ex ad tempora commodi porro magni nihil doloribus. Provident impedit ratione, labore quibusdam atque repellendus mollitia omnis maxime, corrupti assumenda totam porro voluptate nesciunt dolor inventore est!</p>
        <p>Nemo alias, repellat voluptatibus aut a dicta pariatur rerum, voluptate, culpa sapiente tempore soluta! Libero exercitationem at atque repellat earum officia illum repellendus ab aperiam, magnam praesentium iste cupiditate quae!</p>
        <p>Minima, repellat assumenda ex pariatur explicabo officia animi doloremque iure, sit eius autem eligendi accusamus unde nisi aspernatur ab quisquam? Accusantium rerum sequi modi autem ad ipsa voluptates odit voluptatum!</p>
        <p>Cupiditate blanditiis beatae illum exercitationem magni assumenda dolor distinctio a delectus dolore enim magnam animi tempora necessitatibus, ipsam facere? Illum quos aliquid repellat quia perspiciatis quis non obcaecati laborum ea?</p>
        <p>Voluptate quaerat ab dolores, necessitatibus odit laborum ducimus, fugit similique officiis est repudiandae saepe itaque ratione dicta tempore. Assumenda suscipit sapiente obcaecati soluta blanditiis consectetur natus, molestiae rerum perferendis repellat!</p>
        <p>Nostrum nemo voluptates fugiat adipisci aut atque, placeat beatae deserunt corporis iste voluptate sed. Aut repellendus accusantium nobis dolorem porro iste ipsa animi, inventore impedit aspernatur unde molestiae et voluptas?</p>
        <p>Provident, fugit, vero doloremque eaque eius tempora libero nostrum deleniti, sunt incidunt magnam blanditiis eos quo sint ex voluptates. Odio delectus dolore ratione. Veniam temporibus iusto voluptatem asperiores ipsum consequatur?</p>
        <p>Animi labore ipsum nobis assumenda odio est fuga optio ex fugit numquam corporis magnam facere ullam minima, illum autem voluptate necessitatibus! Dolores beatae vero distinctio eaque suscipit in quos adipisci!</p>
        <p>Delectus amet ea aperiam quis dolorem odio laboriosam nisi doloremque aspernatur incidunt, est voluptas, vero harum repellendus. Consequuntur magnam voluptate eligendi ducimus, asperiores cum. Exercitationem dolorum ut aperiam inventore repellat!</p>
        <p>Accusantium, nobis ducimus. Autem sequi accusamus enim, pariatur modi totam soluta suscipit voluptas rerum aperiam, itaque laudantium? Aliquid, dolores minus. Molestiae fugiat quae ut quo nulla dolores sit. Incidunt, nobis!</p>
        <p>Neque esse ullam tempora magnam perferendis aperiam fuga reiciendis voluptate et, delectus quas nam eius laborum obcaecati. Nobis quia autem, cum inventore quidem omnis nemo cumque eius delectus modi sint?</p>
        <p>Laudantium asperiores porro ex quos itaque maxime, a distinctio exercitationem repellat excepturi molestias alias molestiae veritatis, velit, possimus rerum nisi deleniti odit? Eum consequatur praesentium enim molestias iusto, quo voluptatibus.</p>
        <p>Aliquam dolore ex quas labore expedita id, quibusdam consequuntur doloribus eligendi, totam perspiciatis quidem iusto, sint nihil! In, dolorem eveniet cumque nisi assumenda, harum voluptatem dignissimos sapiente laboriosam animi delectus.</p>
        <p>Fugiat pariatur vero ipsam molestias facere ad. Error veritatis id voluptates illo similique fugiat enim, architecto hic consequatur beatae aperiam quas, earum incidunt praesentium facilis placeat dignissimos? Consequuntur, eaque ipsum!</p>
        <p>Laudantium dolores natus fugit tempora harum neque autem nam! Animi quaerat eaque nobis, cumque earum repellat consequatur ipsum iusto voluptates magnam porro cum iste tempora beatae eveniet modi pariatur. Eos?</p>
        <p>Officia nesciunt suscipit illum nulla repudiandae. Impedit voluptatum nihil a molestias amet repellat tempora voluptas porro similique assumenda consequatur id consequuntur maiores aperiam voluptatem explicabo natus, odio rerum perferendis ipsum!</p>
        <p>Animi aliquid pariatur, neque mollitia dolorem ullam possimus quaerat nesciunt quibusdam corrupti beatae nulla recusandae nobis harum provident, explicabo unde ipsum aperiam laudantium delectus numquam odio repudiandae soluta consequuntur. Recusandae!</p>
        <p>Iste cupiditate repudiandae nesciunt magnam dicta, animi incidunt qui. Non molestiae maxime sequi vero, dolore corrupti tempora dicta! Totam quam suscipit quibusdam quia inventore dolor error eius soluta illum repellendus!</p>
        <p>Corrupti mollitia, dignissimos sint maiores quibusdam temporibus deleniti, delectus quasi tempora eius commodi ducimus quidem laboriosam alias! Corporis neque dolorum blanditiis doloremque id itaque, maxime, libero deleniti labore, nulla perspiciatis!</p>
        <p>Perspiciatis illo, omnis adipisci eum voluptatem possimus exercitationem, dolore cumque esse ducimus nihil nobis unde? Vitae rem exercitationem quas cum eveniet ex impedit nihil sit, labore, non tenetur placeat sequi.</p>
        <p>Tenetur, voluptates at inventore vel, veritatis, quidem deserunt odit incidunt quod tempora suscipit sapiente totam esse fuga doloremque. Sequi saepe eligendi nostrum tempore reprehenderit aliquid sapiente quas quibusdam sunt reiciendis!</p>
        <p>Iure culpa doloribus ipsum quos? Esse asperiores eum labore nam, molestias fugiat, delectus quae facere suscipit inventore tempora ab assumenda dolorum ipsa, atque harum aut odit tempore ipsam velit illo?</p>
        <p>Mollitia dolorem incidunt placeat, non repellendus maiores et velit voluptatibus quas hic odit sequi modi dignissimos repellat blanditiis tenetur suscipit fugiat. At rerum natus, amet velit asperiores neque minima deserunt!</p>
        <p>Cum deleniti similique omnis consectetur soluta maiores expedita praesentium. Quisquam commodi deserunt sequi id adipisci doloribus aliquam delectus itaque illo? Provident maxime repellat ea tempora at, hic consequatur consectetur. Adipisci.</p>
        <p>Magni soluta a sint asperiores. Ullam libero sit illum officiis molestias ratione iste quam quidem quaerat alias cumque repudiandae cupiditate, saepe inventore natus voluptas nemo quia culpa dolores dolore quae!</p>
        <p>Pariatur tempore ut molestiae impedit libero ratione quibusdam adipisci aperiam incidunt nam quaerat error in veniam, sequi doloremque aspernatur amet suscipit et. Dolor architecto, dolorum quae recusandae harum dolorem quas!</p>
        <p>Sit repellat id at nulla nemo, itaque dignissimos fugiat eaque dicta vero atque illum deleniti a ipsam ab vel, iure voluptatum. Optio velit odit possimus, excepturi suscipit est perferendis eos?</p>
        <p>Quam, amet. Ducimus nostrum debitis expedita beatae accusamus perferendis hic ad error quaerat ex praesentium autem doloremque magni esse quia, eius velit, repellendus dignissimos dolorem. Eligendi labore cupiditate modi neque!</p>
        <p>Adipisci nobis qui, excepturi mollitia alias, quae quidem consequatur minus cupiditate, neque aliquid corporis nostrum libero. Voluptatibus numquam dolor, dolore ex sed in provident ab quod nam illum fugit rerum.</p>
        <p>Consectetur cum, est placeat, rerum dignissimos molestiae dolor, et temporibus recusandae inventore consequuntur sint. Voluptatem, sequi at ducimus eveniet illum, non a cupiditate dignissimos expedita quidem recusandae dicta totam possimus?</p>
        <p>Iusto voluptates explicabo eius! Inventore assumenda placeat asperiores expedita voluptatum est quos. Natus ut vero totam ratione, at voluptates iusto sequi praesentium. Veritatis iusto illum tempore dolorem? Iste, nesciunt sit.</p>
        <p>Excepturi repellendus officiis fugiat quam voluptate illum, rem, cum consequuntur totam ipsa possimus animi odit repudiandae repellat temporibus facere nostrum numquam minus. Sunt natus eum, dignissimos optio suscipit sequi tenetur.</p>
        <p>Ducimus repellat labore harum eos, eveniet assumenda doloribus vitae deserunt quis eius odit vero quam numquam natus repellendus consectetur provident omnis nisi ex amet distinctio illum ab officia! Odio, minus.</p>
        <p>Consequuntur quos dolor commodi totam. Mollitia nostrum cumque vel recusandae, dicta numquam quisquam! Unde, doloremque quis officia quae nostrum dolor obcaecati excepturi beatae incidunt totam eius cumque, dignissimos id! Eveniet!</p>
        <p>Ducimus excepturi dicta distinctio nam voluptatibus at iste qui nulla laboriosam minima veritatis non asperiores, aperiam fugiat earum, tempore perspiciatis quia. Voluptates in velit, tempora sit modi nemo sunt perferendis?</p>
        <p>Quod reprehenderit mollitia animi iusto! Exercitationem perspiciatis minus fugit, iure optio temporibus necessitatibus sint error numquam, accusamus culpa quae. Voluptates, pariatur? Eum harum voluptas blanditiis quam porro eveniet iusto unde.</p>
        <p>Aspernatur necessitatibus pariatur deserunt magni iste aut ex facere laboriosam eveniet tenetur, iure quod ipsa possimus. Rerum ipsum perspiciatis modi laborum eaque natus omnis officia autem magni tempora? Eum, est.</p>
        <p>Possimus, hic, ea minima voluptatum aliquid fugiat at adipisci tempore impedit voluptatibus quos sunt maxime cupiditate optio esse. Ipsam, sed soluta magnam eius dolorum similique? Sed eligendi incidunt dolores illum.</p>
        <p>Deserunt iure eaque quae facere neque quibusdam voluptatum! Tempora consequatur enim ad doloremque vel harum est perspiciatis. Accusantium quam tempora libero ex, amet minus quasi corrupti consequuntur id aspernatur harum.</p>
        <p>Veritatis alias laudantium officiis maxime sit vitae quidem perferendis nemo possimus eum accusantium ad doloribus, natus quibusdam voluptatibus architecto facilis voluptate ipsum veniam delectus, quam impedit? Assumenda dolor omnis voluptatum.</p>
        <p>Ipsum, laboriosam autem? Sunt at veritatis odio sequi ut tenetur ullam placeat quaerat iure consequatur praesentium provident, accusantium adipisci magnam dignissimos alias excepturi modi architecto possimus! Architecto quisquam rem excepturi!</p>
        <p>Quaerat quas deleniti voluptatum voluptate cumque unde inventore eaque aliquid expedita numquam pariatur culpa, porro corporis quidem reprehenderit vel, eos error eum eligendi minima illo, iste quibusdam officia voluptatem! Nihil?</p>
        <p>Laudantium quidem facilis asperiores modi necessitatibus recusandae, deleniti quis illum beatae debitis, ea eligendi nesciunt expedita consequatur alias ipsum illo nihil impedit a earum. Cumque accusamus atque minus quidem illum.</p>
        <p>Quae officia suscipit, unde vel laboriosam velit praesentium quos alias atque similique odit laudantium, aperiam minus tenetur impedit! Magni alias expedita nam autem earum fuga ducimus voluptas atque tempore iure!</p>
        <p>Expedita nostrum repudiandae nobis repellendus cumque molestiae consequuntur, in accusantium, id reprehenderit deleniti error repellat placeat necessitatibus natus at recusandae quibusdam, saepe iste dicta maiores maxime rem hic quos! Optio!</p>
        <p>Atque aperiam labore vel aspernatur voluptatibus laboriosam tempore quisquam! A, architecto quod ad omnis veniam sunt fugiat nihil vel excepturi accusantium laudantium possimus voluptatem et quas dolore perspiciatis quam cupiditate!</p>
        <p>Eligendi asperiores laboriosam rerum quos incidunt vero provident beatae fuga nostrum neque ratione iure architecto, temporibus unde quo quam doloremque. Maiores aperiam magni suscipit assumenda recusandae cumque amet corporis aliquam!</p>
        <p>Aliquid magnam aliquam velit laborum qui sit ut, iusto labore iste eos ducimus voluptate a ea totam minus quas neque assumenda animi placeat eius harum repellendus omnis facilis! Iure, quae?</p>
        <p>Deleniti aliquam, qui autem iure earum voluptatibus saepe nobis quidem aperiam exercitationem illum harum! Maxime facilis asperiores dignissimos nam, expedita esse ex vero cum magni veniam at odio, aspernatur eum?</p>
        <p>Sint fuga expedita magnam atque consequuntur voluptas facere quae sunt explicabo omnis natus voluptate aspernatur quasi qui, error reprehenderit saepe magni aliquid cumque repellendus ad consequatur! Dolores nisi eligendi atque?</p>
        <p>Aliquid pariatur eveniet dolorem quaerat sunt in? Laborum ab quos autem, ullam libero quidem reprehenderit vel odit, fugiat, in pariatur? Doloribus minus voluptas quod sed itaque repudiandae reiciendis libero nulla!</p>
        <p>Asperiores, officia maiores. Nemo nostrum error impedit mollitia dolorem expedita tempore deleniti aliquid voluptate ea maxime corporis placeat iusto quidem fugit explicabo ut, ratione laborum tenetur iste incidunt aperiam quis.</p>
        <p>Ullam pariatur necessitatibus iusto quidem molestiae itaque non incidunt doloremque fugiat voluptate accusantium nihil repellendus ex saepe repudiandae quod voluptatibus, sit aspernatur quam eum temporibus quia laboriosam. Nobis, officiis atque?</p>
        <p>Recusandae ducimus mollitia quod, suscipit exercitationem voluptatem tenetur possimus, ipsum voluptatum, vitae nam blanditiis sequi fugiat. Fugit fuga aspernatur incidunt minus nihil voluptates, dolorum praesentium possimus recusandae, esse, facere necessitatibus.</p>
        <p>Voluptate dolorem deserunt, vitae cumque saepe soluta dolore iusto debitis deleniti consequuntur velit exercitationem harum atque autem provident molestias aliquid reprehenderit ducimus porro recusandae reiciendis! Totam quia quas eveniet perspiciatis.</p>
        <p>Modi velit laborum quaerat, deleniti minus optio facere ullam unde sit. Rerum ab earum nobis ullam voluptates, amet dolorem, animi, possimus quos facilis eligendi nisi voluptate. Dolorum corrupti in consequuntur!</p>
        <p>Fugit ducimus sunt quibusdam, magni quidem consequatur eligendi incidunt perferendis vero libero totam beatae laudantium vel quos. Assumenda vero nihil, blanditiis facere non dicta totam labore similique autem, dolor quam!</p>
        <p>Eius adipisci deserunt veniam impedit explicabo, aliquid iure repellat laudantium corporis nulla doloribus dignissimos quae itaque architecto ipsum est! Incidunt dignissimos accusantium itaque id adipisci alias nisi velit quo distinctio?</p>
        <p>Accusantium animi nostrum doloribus ratione iure ad. Placeat, ipsam laboriosam! Dolore mollitia sit labore vero. Laborum minus quas ex doloribus hic veniam blanditiis porro quaerat aut obcaecati, cumque minima adipisci.</p>
        <p>Sed, aspernatur facere. Facilis corrupti eligendi libero vitae error aut voluptatibus blanditiis, pariatur repellendus explicabo, impedit porro illo nesciunt temporibus qui omnis molestias, ullam suscipit perspiciatis in hic! Quo, laborum?</p>
        <p>Alias sit voluptatum itaque corporis aspernatur! Quas blanditiis tenetur accusamus aspernatur ab iste quaerat aut laudantium. Officia quisquam laboriosam voluptatem perferendis similique, asperiores doloribus porro maiores veritatis, mollitia totam aspernatur.</p>
        <p>Quaerat est eum, tempore neque cupiditate suscipit sit voluptatibus a, laboriosam dolorem repudiandae voluptatum ut provident. Ullam accusantium consequuntur quo, provident modi nostrum est unde dolorum. Exercitationem quam perspiciatis cupiditate?</p>
        <p>Ab nam iusto at facere officiis ratione nobis labore officia itaque tenetur consectetur beatae repellendus expedita quo amet sapiente, laudantium illo repellat, quod possimus. Facilis reiciendis nisi iste asperiores ad?</p>
        <p>Recusandae officia velit et quisquam ipsa aliquid id quas eveniet repudiandae debitis tenetur quia veniam rem fugiat, eligendi amet delectus suscipit incidunt quis ullam accusamus repellendus qui ad? Facilis, debitis.</p>
        <p>Magnam quisquam aspernatur ratione qui aut rem ut quos numquam repudiandae maxime molestias, consequuntur vel veniam aliquid facilis voluptatibus amet optio ipsam obcaecati, aperiam necessitatibus, libero itaque facere! Odio, iure.</p>
        <p>Culpa architecto, nihil odit laboriosam perferendis perspiciatis asperiores ab, ad veniam, molestiae possimus porro repellat at molestias quas maiores! Nihil quos dolores cum minima natus praesentium repellendus maiores aperiam incidunt.</p>
        <p>Rerum culpa magnam officia, tempora veritatis cupiditate quo qui illo, saepe tenetur, hic quisquam! Aut repellat, saepe et eum libero repudiandae quibusdam pariatur corporis possimus ut molestiae veniam? Sint, mollitia.</p>
        <p>Veritatis nihil provident dolores, obcaecati quisquam facere accusantium veniam voluptates fugiat officiis at consectetur quibusdam. Provident sapiente deleniti perspiciatis, vero ab culpa error labore aliquam! Dolorum delectus in autem aliquid.</p>
        <p>Dolorem atque distinctio magni officiis tenetur aut animi rem? Temporibus modi itaque eos, repellat quibusdam iure. Blanditiis nam repudiandae aut fuga, optio fugiat corporis accusamus ipsum minima natus tempore? Nemo?</p>
        <p>Iure, officia perferendis voluptatibus nam harum quae accusamus quo libero porro eos? Ex sit eius, deserunt recusandae facere dolorem quasi iure ducimus, nostrum doloribus architecto minima culpa eum aut enim.</p>
        <p>Vitae asperiores nam cupiditate molestias perspiciatis, repellendus sunt repellat? Hic laudantium optio pariatur? Blanditiis distinctio beatae harum rem deserunt commodi doloremque veniam libero perferendis? Unde cumque tenetur eius ullam consequuntur!</p>
        <p>Earum aut, sapiente quidem fuga, ipsum eos ad quod a consequatur ut ratione reiciendis, pariatur saepe itaque vel voluptatibus rem dolorem id placeat. Nisi, deserunt quae! Reprehenderit commodi perferendis fugiat.</p>
        <p>Voluptates numquam quas laudantium, nisi commodi iste! Eveniet voluptatibus rem dolor vero labore amet impedit! Aspernatur blanditiis exercitationem quia in hic eveniet, asperiores perferendis eum ipsa corrupti quidem, laborum animi.</p>
        <p>Reprehenderit, dolor suscipit cumque blanditiis nemo rem sed nihil voluptate laboriosam perferendis vel cupiditate vero minima eos beatae aperiam fuga, reiciendis, vitae quidem nobis natus cum? In recusandae sequi earum.</p>
        <p>Ab veniam quae non consequatur. Vitae culpa corporis est, vel laborum quo molestiae quaerat tempora consequatur minus atque itaque eveniet suscipit, consequuntur esse adipisci ea eligendi, nisi repellendus? Impedit, corrupti.</p>
        <p>Esse minima quis maiores, quidem ea porro sit. Obcaecati dicta accusamus eos maiores dolore, non necessitatibus doloremque omnis sit, ducimus adipisci soluta, quae in tempora vel odio numquam earum quisquam!</p>
        <p>Repellendus, modi accusantium. Praesentium deserunt obcaecati esse, doloribus libero quaerat voluptas dolore quod natus, vero quibusdam eveniet dolorem. Cumque non fugit ab omnis voluptatibus nisi asperiores quis commodi, maxime similique.</p>
        <p>Quia nihil dolorem hic laborum dicta aliquam odio dolor natus, molestias ipsam. Accusamus quod itaque assumenda harum, veniam, nihil exercitationem atque consequuntur aspernatur ex sint, iste culpa! Maiores, adipisci cum?</p>
        <p>Quam distinctio reprehenderit ipsa explicabo at soluta eum inventore quod possimus neque modi quo, quasi molestias maxime, repudiandae asperiores dolor, voluptatum porro esse aspernatur obcaecati maiores facilis ullam. Beatae, sequi?</p>
        <p>Veniam cumque maiores sunt. Sint eveniet commodi aperiam? Error dolores laudantium, molestias ullam autem a aliquam, et impedit fuga voluptatem repellat nobis soluta! Cupiditate odit exercitationem eaque voluptas, voluptates ab.</p>
        <p>Impedit libero iusto, enim voluptatem ipsam quam, ut aperiam odit officiis laborum quidem omnis deserunt quisquam adipisci eaque, id laboriosam magnam iste? Sit soluta esse aspernatur, obcaecati dicta fugiat commodi?</p>
        <p>Assumenda cum eligendi odio quod eius magnam alias unde iste id maiores earum deleniti consequuntur quasi omnis quam nisi doloribus consectetur quis, dignissimos ab, dolores sequi, maxime impedit tenetur. Ducimus!</p>
        <p>Quo unde nihil sapiente. Cum quisquam obcaecati, sunt iure porro alias numquam blanditiis deserunt? Debitis, incidunt ullam molestias laborum totam numquam odit, suscipit alias, deserunt atque magnam ab facilis iure!</p>
        <p>Accusamus corrupti officiis iste nulla libero praesentium, officia culpa ut neque dolore beatae voluptatibus corporis! Voluptas, perferendis odit, sunt magnam voluptatibus modi aliquam voluptates sit officia, illo dolores quisquam maxime.</p>
        <p>Aspernatur, nihil iste nam facilis optio architecto a natus sapiente velit saepe ad mollitia veritatis dolorum atque, consequuntur quis ducimus soluta autem voluptas nesciunt! Suscipit eveniet laudantium incidunt cumque ea.</p>
        <p>Error sit qui quibusdam. At, ipsum sit. Ducimus necessitatibus reprehenderit ut quisquam provident quia ullam nisi consequuntur ad autem, quod cupiditate doloribus temporibus impedit deserunt asperiores. Similique voluptatem expedita molestias?</p>
        <p>Rem amet, beatae explicabo nisi atque odio obcaecati et asperiores consectetur tenetur necessitatibus aperiam suscipit laboriosam aliquam eos magnam id. Rem placeat quis quia nisi non saepe sapiente beatae ex!</p>
        <p>Commodi consequuntur quibusdam pariatur repellat quam cupiditate eius, recusandae, iste sapiente quidem, magni doloribus? Iusto recusandae fuga rerum quia soluta eos facilis sed iure aliquam eligendi a modi, earum incidunt.</p>
        <p>Quam enim dolores beatae, placeat ab et eos earum ea fugiat quia natus qui nesciunt aliquam voluptatibus dolore nihil doloremque magnam nemo praesentium nobis odio id similique, delectus error. Quas!</p>
        <p>Enim porro pariatur facilis animi totam nisi minima ex adipisci quis eum dolorum autem, at doloremque. Eveniet a quisquam iure libero! Suscipit fugiat non aspernatur doloribus ducimus modi cupiditate totam.</p>
        <p>Odit perferendis praesentium soluta excepturi minima temporibus impedit possimus assumenda tempora accusantium incidunt eum tempore, officia sed ducimus ad quae architecto numquam rerum deleniti, repellendus doloremque maiores. Commodi, natus laboriosam?</p>
        <p>Facere ducimus ipsa deleniti ratione illum earum, laboriosam, numquam et nulla adipisci amet totam architecto hic voluptate rerum soluta doloribus sapiente iure quisquam minima sequi nihil magnam aperiam nesciunt. Officia?</p>
        <p>Impedit doloremque adipisci nihil. Eius incidunt delectus amet mollitia, sit iusto ipsum perspiciatis fugiat, sed voluptatem nemo, ipsam autem dolorem? Ea officia quia sunt magni aut nulla molestiae. Laboriosam, in!</p>
        <p>Itaque id similique accusamus? Reiciendis expedita quia in quidem iste vel consequuntur dolores modi accusantium eos obcaecati dignissimos blanditiis consequatur voluptates fugit magnam hic explicabo animi sint quisquam, corporis vitae!</p>
    </div>
</div>
<div class="footer"></div>
body {
    height: 100vh;
    max-height: 100vh;
    gap: 8px;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-rows: max-content minmax(0, 1fr) max-content; /* Вместо overflow: hidden */
    font: 16px 'Segoe UI', Arial, Helvetica,sans-serif;
}

.nav {
    min-height: 40px;
    grid-column: 1 / -1;
    background-color: #f99d8d;
}

.sidebar {
    grid-column: 1 / 2;
    grid-row: 2 / -1;
    background-color: #efa7ef;
}

.main {
    gap: 8px;
    padding: 8px;
    grid-column: 2 / 3;
    display: grid;
    grid-template-columns: 180px 1fr;
    background-color: #6acf6a;
}

.left-block {
    background-color: #ff9900;
}

.right-block {
    background-color: #6868ff;
    overflow: auto;
}

.footer {
    min-height: 40px;
    grid-column: 2 / -1;
    background-color: #a8f1a8;
}

body [class] {
    position: relative;
}

body [class]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 2px 4px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    content: attr(class);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.