<!doctype html>
<!--
  Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose
  Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes
  Free for personal and commercial use under the MIT license
  https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE
-->
<html lang="en" class="no-js">
  <head>
    <meta charset="utf-8">
    <!-- begin _includes/seo.html --><title>Chrono Reads</title>
    <meta name="description" content="A book blog written and maintained by ChronoSerrano">
    <meta name="author" content="ChronoSerrano">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="Chrono Reads">
    <meta property="og:title" content="Chrono Reads">
    <meta property="og:url" content="https://chronoreads.com/assets/css/links.css">
    <meta property="og:description" content="A book blog written and maintained by ChronoSerrano">
    <meta name="twitter:site" content="@chronoreads">
    <meta name="twitter:title" content="Chrono Reads">
    <meta name="twitter:description" content="A book blog written and maintained by ChronoSerrano">
    <meta name="twitter:url" content="https://chronoreads.com/assets/css/links.css">
    <meta name="twitter:card" content="summary">
    <link rel="canonical" href="https://chronoreads.com/assets/css/links.css">
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
      
          "@type": "Person",
          "name": "ChronoSerrano",
          "url": "https://chronoreads.com/",
          "sameAs": ["https://twitter.com/chronoreads","https://github.com/chronoserrano","https://keybase.io/chronoserrano","https://www.instagram.com/chronoreads/","https://app.thestorygraph.com/profile/chronoreads","https://goodreads.com/chronoreads"]
      
      }
    </script>
    <!-- end _includes/seo.html -->
    <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Chrono Reads Feed">
    <!-- https://t.co/dKP3o1e -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
      document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
    </script>
    <!-- For all browsers -->
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css"></noscript>
    <!-- start custom head snippets -->
    <!-- insert favicons. use https://realfavicongenerator.net/ -->
    <!-- end custom head snippets -->
  </head>
  <body class="layout--single">
    <nav class="skip-links">
      <ul>
        <li><a href="#site-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li>
        <li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li>
        <li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li>
      </ul>
    </nav>
    <!--[if lt IE 9]>
      <div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
    <![endif]-->
    <div class="masthead">
      <div class="masthead__inner-wrap">
        <div class="masthead__menu">
          <nav id="site-nav" class="greedy-nav">
            <a class="site-title" href="/">
              Chrono Reads
            </a>
            <ul class="visible-links">
              <li class="masthead__menu-item">
                <a href="/archives/">Posts</a>
              </li>
              <li class="masthead__menu-item">
                <a href="/categories/">Categories</a>
              </li>
              <li class="masthead__menu-item">
                <a href="/tags/">Tags</a>
              </li>
              <li class="masthead__menu-item">
                <a href="/links/">Links</a>
              </li>
            </ul>
            <button class="search__toggle" type="button">
              <span class="visually-hidden">Toggle search</span>
              <i class="fas fa-search"></i>
            </button>
            <button class="greedy-nav__toggle hidden" type="button">
              <span class="visually-hidden">Toggle menu</span>
              <div class="navicon"></div>
            </button>
            <ul class="hidden-links hidden"></ul>
          </nav>
        </div>
      </div>
    </div>
    <div class="initial-content">
      <div id="main" role="main">
        <div class="sidebar sticky">
          <div itemscope itemtype="https://schema.org/Person">
            <div class="author__avatar">
              <img src="/assets/images/bio-photo.jpeg" alt="ChronoSerrano" itemprop="image">
            </div>
            <div class="author__content">
              <h3 class="author__name" itemprop="name">ChronoSerrano</h3>
              <div class="author__bio" itemprop="description">
                <table>
                  <tbody>
                    <tr>
                      <td>CR</td>
                      <td>Essentialism: The Disciplined Pursuit of Less</td>
                    </tr>
                    <tr>
                      <td>📚</td>
                      <td>170/175</td>
                    </tr>
                    <tr>
                      <td>📍</td>
                      <td>California, US</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="author__urls-wrapper">
              <button class="btn btn--inverse">Follow</button>
              <ul class="author__urls social-icons">
                <!--
  <li>
    <a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs" rel="nofollow noopener noreferrer">
      <i class="fas fa-fw" aria-hidden="true"></i> Custom Social Profile Link
    </a>
  </li>
-->
              </ul>
            </div>
          </div>
        </div>
        <article class="page" itemscope itemtype="https://schema.org/CreativeWork">
          <div class="page__inner-wrap">
            <header>
            </header>
            <section class="page__content" itemprop="text">
              .links {
              list-style-type: none;
              text-align: center; 
              display: block;
              font-size: 17px;
              padding: 5px;
              }
              .links a:link {
              display: block;
              color: white;
              font-size: 17px;
              border-style: solid;
              border-width: 1px;
              border-color: white;
              background-color: #1f242c;
              padding: 5px;
              margin: auto;
              width: 75%;
              }
              .links  a:visited {
              display: block;
              color: skyblue;
              border-color: white;
              background-color: #1f242c; 
              }
              .links  a:hover {
              color: white;
              display: block;
              background-color: #1f242c;
              }
            </section>
            <footer class="page__meta">
            </footer>
          </div>
        </article>
      </div>
    </div>
    <div class="search-content">
      <div class="search-content__inner-wrap">
        <form class="search-content__form" onkeydown="return event.key != 'Enter';">
          <label class="sr-only" for="search">
            Enter your search term...
          </label>
          <input type="search" id="search" class="search-input" tabindex="-1" placeholder="Enter your search term..." />
        </form>
        <div id="results" class="results"></div>
      </div>
    </div>
    <div id="footer" class="page__footer">
      <footer>
        <!-- start custom footer snippets -->
        <!-- end custom footer snippets -->
        <div class="page__footer-follow">
          <ul class="social-icons">
            <li><a href="/feed.xml"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> Feed</a></li>
          </ul>
        </div>
        <div class="page__footer-copyright">&copy; 2021 Chrono Reads. Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
      </footer>
    </div>
    <script src="/assets/js/main.min.js"></script>
    <script src="/assets/js/lunr/lunr.min.js"></script>
    <script src="/assets/js/lunr/lunr-store.js"></script>
    <script src="/assets/js/lunr/lunr-en.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5C01B2X6TH"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      
      gtag('config', 'G-5C01B2X6TH', { 'anonymize_ip': false});
    </script>
  </body>
</html>