Live
<body> <div class="nav"> <ul class="nav-list"> <li>about yeji</li> <li>hello</li> <li>friend</li> <li>cute</li> <li>gamsung</li> </ul> <div class="txt"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi tenetur necessitatibus incidunt officiis placeat voluptatem excepturi harum doloremque omnis cum. Eos, illum aspernatur facere eligendi sequi nobis cum minus qui. Odit totam ducimus, quo amet dolorem, qui minima libero ut, voluptate possimus earum eos. Explicabo nam maiores voluptatem quod laudantium dolores ab veritatis eius soluta rem voluptas magni, nemo eligendi? Facere assumenda dolor deleniti consequuntur facilis eaque amet culpa nobis, ipsam laboriosam ut id laborum nemo ipsum placeat itaque voluptatum natus maxime magnam! Deserunt suscipit ut sit commodi tenetur at! Repellendus ipsum quam debitis est recusandae aliquam alias consequuntur qui dolores suscipit? Accusantium facilis culpa vero beatae ea commodi suscipit asperiores alias? Consequatur, illo libero facilis optio pariatur rem corporis. Autem velit hic assumenda vitae ipsam quo earum ab quaerat voluptates aperiam, dignissimos facilis rerum sed nostrum cumque beatae doloremque modi deserunt non. Nesciunt, et iure? Quae fuga blanditiis reiciendis! Aliquid, cupiditate? Culpa ex sapiente nemo neque iste incidunt mollitia temporibus velit repudiandae ratione. Minus ullam fugiat aperiam soluta hic nobis. Nostrum dolor debitis nisi. Aliquid error vero nam quas? Dolor iure sit esse odit consequuntur alias labore iusto, tempore error nam. Soluta corrupti maxime illo tempora maiores! Cum saepe veritatis illo voluptate possimus laudantium quibusdam quidem eius eum beatae. Dolorum minima delectus ipsam ipsum nisi aliquid minus velit cum sapiente saepe, est possimus veritatis dolorem ducimus aut quas iure harum quaerat voluptatibus veniam. Soluta praesentium fuga mollitia cum consequatur. Ab, accusamus repellendus. At, delectus. Placeat earum animi eos dicta culpa, provident atque dolore cum voluptates pariatur quasi. Perferendis laboriosam voluptatibus a nostrum in esse magni facere suscipit, dolor nulla. Illum voluptatibus quisquam neque, quam, veniam excepturi hic deleniti doloremque obcaecati facere possimus architecto ratione assumenda velit reiciendis rerum, enim suscipit exercitationem. Temporibus, tenetur quo culpa in earum odio necessitatibus! Minima beatae tenetur inventore. Quibusdam esse molestiae voluptatum obcaecati rerum repellendus maiores autem corporis! Iste atque, nulla ex, mollitia officiis odit ratione esse facere earum fugit, maxime dolor aliquid debitis. Ex laborum consequatur, eos sequi neque dicta quos accusamus? Dolorum, accusamus. Esse ea explicabo qui magni tempore eligendi nisi cumque consequatur, neque commodi animi exercitationem consequuntur quis, dolore ducimus ratione. Unde, voluptatum veritatis? Officia mollitia rem, iure laudantium incidunt dicta beatae quidem sunt corrupti expedita recusandae nemo doloremque repudiandae ducimus id? Mollitia vero facere obcaecati eius assumenda, eos tempora provident. Corporis delectus incidunt possimus quidem obcaecati vitae, provident id animi fugit sapiente exercitationem explicabo facilis hic enim est quaerat nam ullam ex minima reprehenderit accusantium ipsum! Molestias expedita velit facilis. Illo doloremque non molestias neque eaque dolores eos explicabo. In nemo nesciunt perspiciatis quae molestiae! Fugit et, rerum itaque, facilis dicta nihil officiis fuga, perferendis iure quam ut error? Aut? Ducimus excepturi, eum qui quod natus sit. Id placeat quas expedita voluptates ab enim praesentium porro labore repellat error numquam dolores fugit fuga suscipit, nihil unde eaque. Obcaecati, ab laborum? Reprehenderit rerum, porro optio officiis odio provident officia ad aperiam commodi, laboriosam totam magni dignissimos? Voluptatibus quaerat ea eius rem, sunt ex et, omnis saepe, corporis ducimus recusandae obcaecati cum! Itaque dolores ab animi facilis! Labore ad repellendus eum repellat blanditiis, iste dolorem animi quibusdam molestias eligendi porro, beatae debitis! Possimus quidem facilis rerum itaque optio voluptatem porro sit officiis? Rem aperiam, sunt minus assumenda consectetur sed, ducimus tenetur voluptatum enim ullam ipsam aliquam esse dignissimos a facere, perferendis molestias perspiciatis officia consequuntur fugit provident id laudantium. Ipsa, aliquam vero. Magni voluptas, libero harum inventore rerum, quae vitae perferendis, blanditiis adipisci quas aliquam ullam? Maxime possimus placeat officia veniam commodi saepe sapiente harum alias excepturi? A explicabo neque eos ratione. Facilis rem nemo architecto voluptatem adipisci pariatur reiciendis dignissimos unde natus laudantium nostrum soluta numquam ducimus, beatae quis, iure, commodi tempora consequatur earum debitis iusto! Magni atque nisi laborum ea? Voluptate molestias beatae velit dolorem maiores non, itaque laborum rerum repudiandae quos exercitationem nemo corporis praesentium omnis quis cupiditate explicabo! Aspernatur, doloremque aliquam. Voluptatum totam mollitia consequuntur repellat ab doloremque. Eius enim suscipit molestiae nihil laboriosam ipsam unde. Delectus velit odio doloribus reiciendis repellendus ipsa quis. Eum voluptates soluta sunt nam maxime, assumenda optio provident ipsam sit perferendis ipsa culpa. Velit, quo. Amet eos reprehenderit autem repudiandae provident. Dignissimos repellendus provident officiis labore adipisci odit voluptatibus explicabo officia, doloribus ut laboriosam ratione sapiente ipsam dolore harum, quasi enim inventore eos! Eligendi esse natus praesentium! Perspiciatis, voluptatem. Ipsa eius animi nemo dolore tenetur quasi iste sint nulla molestias incidunt quas necessitatibus, aperiam inventore distinctio, maxime porro provident impedit dignissimos sequi ducimus. Quisquam illum, corporis iure amet repudiandae vero est enim laborum dolorem totam praesentium minima non deserunt, nihil assumenda. Consectetur, repellendus! Quae, odit assumenda! Ipsum iste doloremque pariatur quo, corrupti necessitatibus! Iusto eos, velit atque esse placeat nulla ipsum repudiandae commodi ullam laudantium sint iste? Eaque accusamus nam tempora vel animi accusantium, provident porro, error doloribus amet nemo, odio quibusdam dignissimos! Ratione illo minima sequi nemo rem exercitationem earum. Tempore vel totam architecto inventore corrupti molestias porro, maiores reiciendis eum ab nisi doloribus ea, impedit omnis quas quo commodi consequatur magni. Amet est enim sed accusamus nobis quidem odio nihil, adipisci nemo? Fugit quae quam ut. Voluptatem tenetur, quidem voluptate amet cum mollitia praesentium eius, consequatur sed quae possimus temporibus et. Deleniti cum corporis, autem laudantium voluptas iste labore quidem suscipit odit velit quaerat eaque, modi facere dolor ex molestiae officia earum! Placeat molestiae neque illum ad. Dolores reiciendis vel perspiciatis! Unde repellendus sunt rerum magni? Dolores, culpa, odio alias dolore voluptatem iure, a velit temporibus minus quae voluptas dignissimos! Tempore harum est assumenda architecto nam dignissimos in nulla, sapiente deleniti! Rerum quae quibusdam, mollitia expedita sed dolorum possimus alias, officia nulla tempore aperiam optio totam, ducimus earum veritatis? Eaque iure et excepturi officia repudiandae neque vitae quasi doloremque, quidem repellendus. Deleniti accusantium facere aspernatur mollitia quisquam. Deleniti perferendis cum, reprehenderit quis obcaecati deserunt odit rerum, esse aspernatur veritatis tempore dicta architecto ipsam, nihil at unde libero sit. Aliquid, id quidem? Consectetur eum quidem minima iste. In ab reprehenderit distinctio nisi laudantium cupiditate corrupti, rem voluptatibus fugit modi molestias doloremque suscipit velit provident id vero nobis aliquam alias officiis facilis asperiores. Explicabo repellat modi numquam corporis quae? Voluptates reiciendis, quo ex voluptate consequuntur debitis corrupti placeat! Ipsum natus doloribus illo ex officia dolorum officiis! Sint, aut quidem cum iure nisi quod? Assumenda, praesentium voluptatum. Optio, consequatur illum tempore dicta necessitatibus esse quis saepe aliquam minus. Incidunt, provident. Voluptate laboriosam sapiente dicta, optio aperiam fugit est veniam distinctio explicabo et aspernatur! Nisi. Sint tenetur dolorum tempora quibusdam adipisci. Consequatur autem aspernatur esse omnis enim repellendus rerum commodi amet a tempore possimus cumque, odit distinctio vel corrupti nobis rem. Quisquam nostrum nesciunt assumenda! Esse sint vel nobis enim quia ea est consequatur obcaecati quaerat ad, illum hic architecto sunt omnis exercitationem harum animi soluta doloribus magnam veniam, praesentium provident minima quas facere. Excepturi? Consequatur nulla numquam natus id commodi aspernatur optio odio! Distinctio quod nesciunt beatae, sit quaerat nemo quibusdam harum dicta repellendus sunt architecto labore saepe voluptatem eum! Suscipit iure excepturi totam. Autem repellendus nobis ullam saepe quisquam, voluptas animi ipsum natus aliquid praesentium nulla quibusdam unde, quia accusamus exercitationem inventore alias sit! Impedit consectetur ipsam rem ducimus id ad suscipit nam? Sapiente repudiandae perferendis quae et nemo mollitia minima? A exercitationem aspernatur, fuga labore atque ipsum delectus minima blanditiis nam laboriosam. Non culpa dolorem mollitia assumenda tenetur placeat voluptas omnis quaerat. Voluptatem tempora voluptatum quidem rerum vel sequi illum, illo incidunt, maiores voluptas nobis ex ea, provident aut odit est? Quaerat provident tempore laudantium error itaque ratione animi doloremque tenetur aperiam! Aliquid vero deleniti, expedita eaque dolore debitis enim explicabo aliquam voluptate exercitationem ut est qui error harum totam repellat accusantium quis consequuntur consectetur provident tenetur sequi. Impedit reprehenderit repellendus rem? Inventore atque sint dolorem! Dolor voluptas officia corporis reprehenderit libero, atque eum eos quos, quas facilis accusantium, debitis ex a praesentium. Vel expedita quas incidunt culpa adipisci a animi porro. Minus, atque. Quaerat iste porro quia, officia non hic blanditiis odit maiores. Enim voluptates minima ipsa praesentium, laudantium sunt dolorum tempora incidunt quam nobis quibusdam libero, in corporis minus vel? A facere qui saepe, aspernatur maxime beatae, sequi inventore dolore, adipisci ipsam explicabo voluptatem est architecto! Accusamus, optio tenetur quibusdam ullam, fugit odio exercitationem deserunt, necessitatibus provident laboriosam eveniet suscipit. Fugit quos asperiores error rerum nobis minus voluptate vel ea autem aut omnis minima, ad aspernatur explicabo quidem enim illo dicta esse eius porro blanditiis nam, tempora perspiciatis similique. Provident! Et adipisci veritatis doloribus, sit iste laborum excepturi magni nostrum, quidem esse quod quo minima iure id soluta ratione officiis facilis aperiam ab molestiae nesciunt fuga. Veniam dignissimos provident optio? Obcaecati saepe a quas aut officia nostrum voluptates, dolorem nesciunt magnam voluptatum reiciendis dolorum quisquam rem quibusdam adipisci inventore exercitationem similique doloribus alias itaque architecto incidunt. Corrupti ullam consequatur rem. Quam iusto cupiditate earum adipisci optio sunt impedit consectetur aut cumque omnis soluta officia, est provident eligendi doloremque suscipit, voluptatem ex. Voluptate aspernatur harum a inventore sit officiis iste recusandae? Laboriosam commodi consequatur omnis, quae blanditiis ipsum deleniti neque atque voluptatum, non animi cum voluptas dignissimos doloremque repudiandae assumenda mollitia, modi minima labore sed eius! Odit accusantium sunt necessitatibus laboriosam? Quas culpa itaque deserunt error ducimus iste cum necessitatibus fugiat rem assumenda ex beatae sit quisquam, blanditiis eum quasi voluptatibus enim consequuntur. Assumenda maiores delectus nam animi perspiciatis mollitia explicabo? Molestiae optio saepe sequi quis sed modi dolore mollitia obcaecati nobis aliquam! Commodi necessitatibus doloremque, dignissimos ullam vitae ipsa quos autem sed dicta veniam natus ad facilis eveniet, inventore deserunt. Adipisci modi quidem recusandae dolore vitae laboriosam excepturi commodi, nobis a est ab repellendus? Nulla, atque amet! Autem atque libero nihil quasi rem. Minima architecto, incidunt dolores voluptatibus ea deserunt? Perferendis unde fuga animi provident nihil quis nostrum ipsum repudiandae. Aliquam doloremque ipsam, reiciendis asperiores mollitia voluptates dignissimos sequi explicabo eius. Adipisci doloremque commodi, rem quo animi quos voluptas modi! Officiis quod amet quasi, aperiam dignissimos incidunt rem iusto delectus eligendi unde commodi qui deleniti quisquam eos cumque laborum odio error recusandae. Veniam ex fugiat ad sequi optio voluptates voluptatibus! Quasi error numquam, laborum officiis dicta debitis, veritatis voluptas pariatur velit doloremque, quos cupiditate! Sit numquam blanditiis, recusandae molestiae sunt obcaecati dolorem, quia nesciunt placeat, architecto ipsum. Eos, dolorem quis. Odit quod ad doloremque cumque facere praesentium, ab veniam ea earum nam distinctio, officiis, minus ullam unde nemo eligendi quaerat quia perferendis? Sint delectus incidunt deserunt voluptatibus labore explicabo iure. Ut voluptatibus sed nisi deleniti error molestiae laboriosam, accusamus cum accusantium dicta adipisci, ab tempore consequuntur dolorem id incidunt unde obcaecati et fugit. Tenetur, placeat beatae. Et illo autem dignissimos. Vero quibusdam dignissimos est perferendis cum omnis dicta eius beatae odit, similique impedit minus explicabo! Assumenda molestias consequuntur cupiditate sed temporibus consectetur perferendis officiis alias omnis. Necessitatibus eius culpa id! Nemo nostrum iure temporibus hic velit molestiae ullam animi a cumque magnam, veniam, accusantium esse! Aperiam beatae ratione numquam, odio assumenda, ad modi in sed rerum rem dolore harum esse! Aut dicta molestiae enim aliquid voluptates earum, quis iste minus quidem nam perferendis aliquam deleniti exercitationem, molestias nobis tempora! Nesciunt reprehenderit officiis sunt minus illo? Iste voluptates quo aliquid nostrum! Neque doloribus voluptas et similique. Labore dolores dicta porro nemo nobis magni, quidem aperiam pariatur laborum cumque vitae repudiandae itaque reprehenderit blanditiis fugit eligendi asperiores quasi necessitatibus expedita fugiat eveniet! Numquam quis voluptates delectus architecto et voluptate! Inventore nobis quisquam quo nisi assumenda velit, fugit facilis exercitationem ipsum, sequi dicta iste doloribus eligendi adipisci excepturi incidunt quam ab cumque fuga. Harum necessitatibus illo animi laudantium numquam architecto, sed natus optio distinctio aspernatur quis possimus dolore, quam nulla dolorum nisi officiis facilis ea voluptatibus tempora! Magni architecto rem totam ratione! Ullam. Atque sequi facere tempore assumenda fuga totam, blanditiis placeat illum debitis, optio perspiciatis illo inventore repudiandae velit dignissimos labore ad numquam qui officia. Ratione, enim ipsa corrupti asperiores dignissimos cumque. Alias ut quibusdam quasi doloribus enim eaque harum, ducimus quisquam accusamus repellendus obcaecati iste nemo delectus repellat sit dolore cumque? Delectus deleniti saepe dolores autem dolore tempora atque quos tempore. Itaque aspernatur provident pariatur laborum neque numquam maxime quis corrupti ducimus aliquid, vero voluptatum, magni atque ratione, placeat ab culpa fuga nam veniam officia labore quibusdam facilis. Provident, id quos. Beatae explicabo quo reiciendis quisquam ratione hic esse nostrum? Accusantium eveniet culpa quos quidem illo, vero eos ad. Nulla ex hic at. Molestiae repudiandae eos quas ut ea pariatur itaque. Tempora et, quo vero quae perferendis nisi dignissimos iure doloribus suscipit ipsa labore voluptatum laudantium voluptas iusto quam ullam sit optio, in expedita adipisci culpa? Fuga accusamus blanditiis optio exercitationem. Repellendus facere provident qui, ipsam possimus, eos ipsum inventore aperiam nisi nihil incidunt reiciendis vel cumque magnam at accusamus doloribus ratione fugit, maxime placeat ex. Nisi delectus nam iure consequatur! Deleniti similique nulla ipsum iure sequi, blanditiis, ipsam consequuntur sed ab ut illum eveniet odio explicabo, eaque ullam odit eius omnis. Reiciendis facere, tenetur corrupti numquam ipsam maiores suscipit a? Tenetur nemo, ipsa ipsam at accusantium voluptatibus vitae quasi odit quae aliquam ad, est similique dolore esse commodi quam iste saepe itaque voluptates quis delectus reiciendis fuga. Illum, facilis omnis? Molestias velit quidem deserunt eaque in ratione nulla facere molestiae atque. Maxime cumque molestias rem nulla laborum totam illo, provident soluta, accusantium temporibus cum omnis quia perspiciatis vero possimus fuga? Modi, porro? Officia vel alias veniam dolorem, dolore dignissimos quisquam, harum aperiam natus et doloribus quo consequatur laboriosam iusto! Accusantium commodi quia, iste eligendi doloremque harum maiores sit libero assumenda! Dolore, sint quis sed necessitatibus, quae velit est perspiciatis numquam explicabo quisquam praesentium maiores, nobis vel accusamus harum. Alias maxime ratione rem aut neque? At repellat officia exercitationem quibusdam provident! Odit sint consequuntur praesentium eligendi temporibus porro amet sequi, enim, omnis, vel repellendus itaque animi atque eos dignissimos quia. Corporis, quae! Sed consequuntur tempore vitae pariatur fugiat similique, voluptates inventore! Dolorem accusantium corrupti, placeat quod sint eius nemo quo autem libero omnis est iure aliquam id rerum quos odio? Excepturi eius modi sequi temporibus voluptatum repellendus commodi voluptates cupiditate odit. Dolores quae ab illo quisquam nulla dolorem, quis eligendi eveniet earum numquam dignissimos, unde error, ratione vitae! Debitis natus vitae recusandae officiis nam! Incidunt porro ipsam id facilis impedit tempore? Libero quae labore assumenda nobis. Labore velit deserunt aspernatur maiores doloribus praesentium quia omnis commodi accusantium id ipsum, esse sint! Dolore a fuga rerum, ratione harum officia doloremque porro possimus. Accusamus labore, tempore sapiente cumque magni obcaecati veniam distinctio blanditiis corrupti vel excepturi quidem quo sit recusandae suscipit. Error saepe consectetur pariatur laudantium labore est ab optio officiis sint soluta. Aut consectetur in dicta nobis distinctio quibusdam! Sint, deleniti tempore dolores dignissimos optio expedita laborum error magnam quae provident illum sunt facere veritatis architecto ad culpa dolor quo! Dignissimos, animi! Fuga nostrum sunt deleniti consequatur libero, animi velit officia? Sint quos adipisci mollitia asperiores maxime iusto totam at doloremque distinctio, consequuntur tenetur. Aspernatur delectus laudantium maxime eveniet qui sunt tenetur! Suscipit, iste at itaque quos alias, ipsa consequatur necessitatibus ea ratione earum veritatis assumenda distinctio hic eos dolores amet laboriosam nemo officia accusantium corrupti in incidunt vero. Quae, cumque accusantium. Corrupti fugit, necessitatibus ea repudiandae tempore laudantium commodi, deleniti facilis doloremque voluptate quam magnam assumenda cum! Repellendus atque, tempora dignissimos vel, explicabo fugiat et delectus laboriosam excepturi est cum voluptate! Sed odio quo placeat ratione, blanditiis voluptates officia itaque illo fuga, debitis aspernatur reiciendis necessitatibus labore, quaerat earum numquam perspiciatis. Nulla dolorem sit dolore optio reiciendis expedita natus praesentium voluptatem! Odit, odio at sint facere minima ut id modi consectetur! Delectus, aut libero ab voluptatum magni fugit iure molestias, hic, consequuntur commodi inventore dolore illum! Quasi repudiandae qui exercitationem deleniti. Voluptate necessitatibus neque praesentium ut nihil perferendis, corrupti laboriosam at libero natus consectetur quisquam eaque reiciendis dolorum tenetur, debitis eos. Nisi saepe molestias, ad dolore impedit voluptates! Incidunt, recusandae voluptatem. Quidem dignissimos delectus pariatur quos quibusdam nemo molestiae voluptate voluptatum blanditiis cumque ullam debitis laboriosam praesentium voluptatem, quam assumenda mollitia incidunt facilis sequi. Error quaerat minus tempore ipsa, doloremque iusto! Sapiente commodi hic, iste molestias tempore quisquam itaque illum dolores voluptate earum saepe magnam odit consequatur at necessitatibus sequi, corrupti molestiae, cum in dignissimos incidunt officia ratione? Recusandae, nesciunt accusantium. Modi asperiores minima enim ut ullam, debitis autem architecto eum in eaque deleniti. Totam voluptatibus eligendi doloribus ut explicabo incidunt voluptatum, mollitia amet! Voluptas aliquid nobis quisquam distinctio recusandae suscipit! Blanditiis magnam, porro veritatis sed aperiam rem? Quaerat eius quidem cupiditate enim consequuntur veniam, at rerum ullam assumenda nesciunt nostrum, numquam commodi repudiandae magni inventore totam, molestias vel? Iure, ipsa! Minus ad quos voluptas eaque veritatis. Doloremque, quia consectetur? Quia quas enim illum voluptatum delectus dolore temporibus, iure autem odio, sequi ullam saepe at quod fuga laborum vitae dolores molestiae. Sunt eos fugit quo possimus sed vitae nobis beatae omnis voluptas necessitatibus autem, voluptatem illum consectetur consequuntur rerum molestias sapiente harum libero officia totam. Quod repellat laborum tempora sint saepe. Nesciunt minima sed sit enim totam, sunt, dolore tempora, temporibus molestias voluptas deserunt iure provident aliquam ipsum hic. Voluptates aliquid corrupti repellendus dolor reiciendis consequatur ad unde, placeat vero totam. Earum officiis eum quidem exercitationem reiciendis assumenda! Ipsam ad possimus dolore impedit saepe, placeat voluptatum, assumenda incidunt sit delectus aut repellat, dolor reiciendis numquam! Molestias natus officia aliquid tenetur enim. Ea laudantium nam soluta quasi enim facilis optio eveniet minus sapiente nihil accusamus, a odit, illo, fuga corrupti? Asperiores obcaecati excepturi cum deserunt dolor ipsam inventore cupiditate autem corrupti quod! Impedit at, ipsam magnam, harum minima aliquam voluptates facilis illo placeat tenetur incidunt nostrum aut! Corporis impedit, omnis, laudantium explicabo vero, quod recusandae eum quae provident quas sunt minima beatae! Beatae dolorem maxime consequuntur expedita asperiores quia necessitatibus deserunt, ut dolore quisquam nostrum, culpa quos autem at eveniet ducimus, quae itaque laborum quam. Eius similique quas ut aut ullam blanditiis! Velit, molestias molestiae perspiciatis nisi autem, quidem quibusdam consectetur ipsa aut libero, aspernatur dignissimos odit non commodi sapiente ad aliquid adipisci ab eaque ratione! Saepe enim sequi consequuntur cupiditate sint. </div></body></html>
Live
x
* { margin: 0;}body { margin: 0; background-image: url(https://images.unsplash.com/photo-1589493702538-0f0d7ec994ea?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80); background-repeat: repeat-y; background-size: contain;}li { list-style-type: none; margin-left: 0; padding-left: 0;}.nav-list { position: fixed; display: flex; justify-content: center; align-items: center; padding: 15px 10px; background-color: black; color: #fff; font: 28px; width: 100%; height: 45px;}.nav-list li { margin-right: 15px; border-bottom: 3px solid #fff;}.txt { width: 600px; margin: 0 auto; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.5);}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.