<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link rel="icon" type="image/png" href="/favicon.png"/>
  <title>Blog (medicine) - Varun Barad</title>
  <meta name="description" content="My online home where I post about new things I learn or find interesting."/>

  <!-- RSS Feed meta-data -->
  <link type="application/atom+xml" rel="alternate" href="https://varunbarad.com/feed.xml" title="Varun Barad - Curious Developer"/>

  <!-- Twitter meta-data -->
  <meta name="twitter:site" content="@varun_barad"/>
  <meta name="twitter:image:src" content="https://varunbarad.com/assets/images/logo-hd.png"/>
  <meta name="twitter:card" content="summary"/>
  <meta name="twitter:title" content="Varun Barad - Curious Developer"/>
  <meta name="twitter:description" content="My online home where I post about new things I learn or find interesting."/>

  <!-- Open-Graph meta-data -->
  <meta property="og:site_name" content="Varun Barad - Curious Developer"/>
  <meta property="og:image" content="https://varunbarad.com/assets/images/logo-hd.png"/>
  <meta property="og:type" content="object"/>
  <meta property="og:title" content="Varun Barad - Curious Developer"/>
  <meta property="og:url" content="https://varunbarad.com/category/medicine"/>
  <meta property="og:description" content="My online home where I post about new things I learn or find interesting."/>

  <!-- Styles kept here for now -->
  <style>
  * {
    box-sizing: border-box;
  }
  
  body {
    font-family: sans-serif;
    margin: 0;
    background: #313131;
  }
  
  header {
    background: #661111;
    color: #dfdfdf;
    max-width: 1080px;
    margin: 0 auto;
  }
  
  header a {
    color: #dfdfdf;
  }
  
  header a:visited {
    color: #dfdfdf;
  }
  
  header a:hover {
    text-decoration: underline;
  }
  
  #title {
    width: 100%;
    padding: 1em;
    font-size: 2rem;
    text-align: center;
  }
  
  #title > a {
    text-decoration: none;
  }
  
  #title > a:hover {
    text-decoration: underline;
  }
  
  nav {
    display: block;
    padding: 0;
  }
  
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 8px;
  }
  
  nav ul li a {
    padding: 1em;
    display: block;
    font-size: 1.2rem;
    text-decoration: none;
  }
  
  nav ul li a:hover {
  }
  
  main {
    padding: 1em;
    background: #121212;
    color: #dfdfdf;
    max-width: 1080px;
    margin: 0 auto;
  }
  
  main h2 {
    font-size: 1.6rem;
  }
  
  main p {
    text-align: justify;
    font-size: 1.1rem;
  }
  
  main a {
    color: #dfdfdf;
    font-size: 1.1rem;
  }
  
  main a:visited {
    color: #dfdfdf;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  footer {
    border-top: #dfdfdf 1px solid;
    background: #121212;
    color: #dfdfdf;
    text-align: center;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0.5em;
  }
  
  .container-full-width {
    display: flex;
    width: 100%;
    justify-content: center
  }
  
  .page-title {
    text-align: center;
    font-size: 3rem;
  }
  
  .link-non-decorated {
    text-decoration: none;
  }
  
  .period-title {
    color: #dd1111;
  }
  
  .post-item {
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 720px;
  }
  
  .post-title {
    text-decoration: none;
  }
  
  .post-description {
    color: #999999;
  }
  
  .badge-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }
  
  .badge {
    background: #dfdfdf;
    color: #050505;
    padding: 0.2em 0.5em 0.1em 0.5em;
    border-radius: 0.2em;
    font-size: 1rem;
    text-decoration: none;
  }
  
  .badge:visited {
    color: #050505;
  }
  
  .contacts-list {
    line-height: 1.3rem;
  }
</style>

</head>
<body>
<header>
  <div id="title">
    <a href="/">Varun Barad</a>
  </div>
  <nav>
    <ul>
      <li><a href="/blog/">Blog</a></li>
      <li><a href="/projects/">Projects</a></li>
      <li><a href="/books/">Books</a></li>
      <li><a href="/ideas/">Ideas</a></li>
      <li><a href="/contact/">Contact</a></li>
      <li><a href="/resume/">My Resume</a></li>
    </ul>
  </nav>
  <div>
    <p style="margin: 0; padding: 8px; text-align: center; color: #ffffff44;">This website is going under a redesign slowly</p>
  </div>
</header>



<main>
  <h1>Blog (#medicine)</h1>

  <div class="badge-list">
    
      <a href="/category/android" class="badge">#android</a>
    
      <a href="/category/book-highlights" class="badge">#book-highlights</a>
    
      <a href="/category/cheat-sheet" class="badge">#cheat-sheet</a>
    
      <a href="/category/computers" class="badge">#computers</a>
    
      <a href="/category/dart" class="badge">#dart</a>
    
      <a href="/category/fitness" class="badge">#fitness</a>
    
      <a href="/category/flutter" class="badge">#flutter</a>
    
      <a href="/category/interesting" class="badge">#interesting</a>
    
      <a href="/category/javascript" class="badge">#javascript</a>
    
      <a href="/category/javascript-30" class="badge">#javascript-30</a>
    
      <a href="/category/life-hack" class="badge">#life-hack</a>
    
      <a href="/category/medicine" class="badge">#medicine</a>
    
      <a href="/category/miscellaneous" class="badge">#miscellaneous</a>
    
      <a href="/category/personal-growth" class="badge">#personal-growth</a>
    
      <a href="/category/privacy" class="badge">#privacy</a>
    
      <a href="/category/programming" class="badge">#programming</a>
    
      <a href="/category/project" class="badge">#project</a>
    
      <a href="/category/python" class="badge">#python</a>
    
      <a href="/category/rx-java" class="badge">#rx-java</a>
    
      <a href="/category/til" class="badge">#til</a>
    
      <a href="/category/tools" class="badge">#tools</a>
    
      <a href="/category/typractice" class="badge">#typractice</a>
    
      <a href="/category/web" class="badge">#web</a>
    
      <a href="/category/wracker" class="badge">#wracker</a>
    
    <a href="/blog.html" class="badge">#all</a>
  </div>

  
  <div class="periods-wrapper">
    
      <div class="period">
        <h2 class="period-title">2018 (3)</h2>

        <div class="post-list">
          
            <p class="post-item">
              <a href="/blog/how-breathing-works.html" class="post-title">How Breathing Works</a>
              <br>
              <span class="post-description">Ever wondered how our breathing is regulated? Let me take you on a ride down the wind-pipe.</span>
            </p>
          
            <p class="post-item">
              <a href="/blog/apgar-score.html" class="post-title">APGAR score</a>
              <br>
              <span class="post-description">A quick method used to check whether a newborn needs immediate medical care.</span>
            </p>
          
            <p class="post-item">
              <a href="/blog/how-anesthetics-work.html" class="post-title">How anesthetics work</a>
              <br>
              <span class="post-description">A post on the different categories of anesthetics and their working mechanisms and differences.</span>
            </p>
          
        </div>
      </div>
    
  </div>
</main>

<footer>
  <p>
    © 2023 🚀 Varun Barad
  </p>
</footer>

</body>
</html>