A Hero Is Among Us
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab placeat assumenda illo necessitatibus eaque aspernatur temporibus dolore ea perspiciatis similique dolores inventore magnam, architecto quod quas culpa iste doloremque nulla, harum vel impedit molestiae sint dolor cumque. Eveniet, dolores maiores aspernatur ratione neque? Laborum porro, inventore sed esse. Tenetur, explicabo.
Perspiciatis quia voluptatibus deleniti, consequuntur dolorum corrupti rerum illum. Ipsam illo architecto totam earum suscipit esse natus excepturi facilis doloribus impedit vel praesentium cupiditate, aliquid quaerat. Illum ratione nesciunt minus consectetur veniam expedita voluptas doloremque nihil quasi laborum asperiores aperiam ducimus, corporis reprehenderit, cum nemo facere eius! Tempore, molestias, harum?
Minus fugit atque modi quasi ea rerum officia dicta accusamus commodi facere, quis nisi temporibus ad perferendis voluptate quae sunt! Exercitationem dicta suscipit amet recusandae unde natus aperiam vitae illum, reprehenderit itaque voluptatem in maxime iusto, ea odio iure libero quod placeat voluptates repellendus. Molestias, nisi. Illo modi rerum, odit.
Saepe dolores ullam, amet, dignissimos optio veniam dolore quia doloremque accusamus enim nesciunt totam? Nesciunt qui, magnam eum aliquam recusandae dignissimos est ipsa quod sint voluptatem neque obcaecati aperiam rem deserunt illo at eligendi, rerum dolor quo perspiciatis dolores. Sint veritatis architecto repudiandae nesciunt vel veniam labore, aspernatur. Aut, iusto.
Quos asperiores ratione, numquam omnis quia quis harum ea aut officiis eum dolores et qui rerum ipsa consequuntur quasi provident reprehenderit nesciunt voluptates eius similique maxime. Necessitatibus repellendus eum animi laudantium totam minus accusamus, quo aspernatur, sint cumque consequatur aperiam id. Error harum odio, amet molestias fugit rerum doloremque alias.
Voluptatibus illum sint magnam fuga at eaque minus natus! Inventore, doloribus, odit! Aperiam eos perferendis eaque architecto ipsum aliquam vero laudantium ullam atque id. Nulla ex similique deserunt ipsam, dolorem iusto, veniam enim doloremque! Id neque placeat possimus facere voluptatum quis consectetur iusto rerum reiciendis, repellendus incidunt, molestias asperiores esse.
Velit incidunt dicta molestias quam sunt, doloremque maxime, ut facere laudantium accusamus recusandae corporis soluta distinctio suscipit. Sint commodi eos accusantium, modi omnis repudiandae molestias libero non obcaecati numquam esse debitis deleniti odit aperiam consectetur saepe dolores recusandae voluptates distinctio consequatur eum maxime tenetur temporibus inventore hic. Voluptatum, vel praesentium.
Adipisci neque possimus reprehenderit optio minima quas labore eveniet perspiciatis culpa. Accusantium nostrum ipsa alias, facere aperiam voluptatem magni dolores mollitia modi, eos magnam consectetur rem quasi voluptate aliquam nemo aliquid a velit, hic quod! Odio consequuntur illo maxime est soluta minima exercitationem, provident praesentium quidem, iste molestias dolores eum.
Obcaecati corrupti veritatis quos beatae! Nulla corporis vitae a eum officiis, sequi, sint dignissimos beatae ipsam illum iure harum amet sit aspernatur iusto suscipit veritatis ut. Sit omnis asperiores porro odio debitis alias nostrum labore possimus vero officiis nisi minus optio vel voluptatem, animi dicta quos commodi error eum eveniet!
Reiciendis officia magnam quam nam tempore aut deleniti neque voluptatem distinctio eaque, voluptates libero corrupti soluta fugit mollitia minus explicabo vero sit sed eius voluptatum ullam expedita vel perferendis vitae. Ipsa consequuntur perspiciatis vero iure animi culpa, eligendi dolorum vel porro voluptatem! In vitae pariatur iste error, blanditiis natus deleniti!
Code:
A Hero Is Among Us
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab placeat assumenda illo necessitatibus eaque aspernatur temporibus dolore ea perspiciatis similique dolores inventore magnam, architecto quod quas culpa iste doloremque nulla, harum vel impedit molestiae sint dolor cumque. Eveniet, dolores maiores aspernatur ratione neque? Laborum porro, inventore sed esse. Tenetur, explicabo.
Perspiciatis quia voluptatibus deleniti, consequuntur dolorum corrupti rerum illum. Ipsam illo architecto totam earum suscipit esse natus excepturi facilis doloribus impedit vel praesentium cupiditate, aliquid quaerat. Illum ratione nesciunt minus consectetur veniam expedita voluptas doloremque nihil quasi laborum asperiores aperiam ducimus, corporis reprehenderit, cum nemo facere eius! Tempore, molestias, harum?
Minus fugit atque modi quasi ea rerum officia dicta accusamus commodi facere, quis nisi temporibus ad perferendis voluptate quae sunt! Exercitationem dicta suscipit amet recusandae unde natus aperiam vitae illum, reprehenderit itaque voluptatem in maxime iusto, ea odio iure libero quod placeat voluptates repellendus. Molestias, nisi. Illo modi rerum, odit.
Saepe dolores ullam, amet, dignissimos optio veniam dolore quia doloremque accusamus enim nesciunt totam? Nesciunt qui, magnam eum aliquam recusandae dignissimos est ipsa quod sint voluptatem neque obcaecati aperiam rem deserunt illo at eligendi, rerum dolor quo perspiciatis dolores. Sint veritatis architecto repudiandae nesciunt vel veniam labore, aspernatur. Aut, iusto.
Quos asperiores ratione, numquam omnis quia quis harum ea aut officiis eum dolores et qui rerum ipsa consequuntur quasi provident reprehenderit nesciunt voluptates eius similique maxime. Necessitatibus repellendus eum animi laudantium totam minus accusamus, quo aspernatur, sint cumque consequatur aperiam id. Error harum odio, amet molestias fugit rerum doloremque alias.
Voluptatibus illum sint magnam fuga at eaque minus natus! Inventore, doloribus, odit! Aperiam eos perferendis eaque architecto ipsum aliquam vero laudantium ullam atque id. Nulla ex similique deserunt ipsam, dolorem iusto, veniam enim doloremque! Id neque placeat possimus facere voluptatum quis consectetur iusto rerum reiciendis, repellendus incidunt, molestias asperiores esse.
Velit incidunt dicta molestias quam sunt, doloremque maxime, ut facere laudantium accusamus recusandae corporis soluta distinctio suscipit. Sint commodi eos accusantium, modi omnis repudiandae molestias libero non obcaecati numquam esse debitis deleniti odit aperiam consectetur saepe dolores recusandae voluptates distinctio consequatur eum maxime tenetur temporibus inventore hic. Voluptatum, vel praesentium.
Adipisci neque possimus reprehenderit optio minima quas labore eveniet perspiciatis culpa. Accusantium nostrum ipsa alias, facere aperiam voluptatem magni dolores mollitia modi, eos magnam consectetur rem quasi voluptate aliquam nemo aliquid a velit, hic quod! Odio consequuntur illo maxime est soluta minima exercitationem, provident praesentium quidem, iste molestias dolores eum.
Obcaecati corrupti veritatis quos beatae! Nulla corporis vitae a eum officiis, sequi, sint dignissimos beatae ipsam illum iure harum amet sit aspernatur iusto suscipit veritatis ut. Sit omnis asperiores porro odio debitis alias nostrum labore possimus vero officiis nisi minus optio vel voluptatem, animi dicta quos commodi error eum eveniet!
Reiciendis officia magnam quam nam tempore aut deleniti neque voluptatem distinctio eaque, voluptates libero corrupti soluta fugit mollitia minus explicabo vero sit sed eius voluptatum ullam expedita vel perferendis vitae. Ipsa consequuntur perspiciatis vero iure animi culpa, eligendi dolorum vel porro voluptatem! In vitae pariatur iste error, blanditiis natus deleniti!
.container,.content,.headline,body,header{width:100%;max-width:100%;margin:0}h2,p{max-width:600px;margin:0 auto 20px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}header{background-image:url(http://cdn.geekwire.com/wp-content/uploads/2015/03/Earth-From-Space-Space-1080x1920.jpg);height:100vh;background-size:cover;margin-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{text-align:center;margin:0;color:#fff;background:linear-gradient(#fff,#fff) center 1.04em no-repeat;background-size:0 3px;transition:background-size .5s}h1:hover{background-size:98% 3px}h2{border-bottom:4px solid rgba(255,255,255,0);transition:all .5s}h2:hover{border-bottom:4px solid #fff}
