/* Basic styles */
      body {
        margin: 0px;
        padding: 0px;
        background-color: #f2f2f2;
      }
      p {
        font-family: 'Roboto', sans-serif;
      }
      a {
        font-family: 'Roboto', sans-serif;
        color: black;
        text-decoration: underline;
      }
      a:visited {
        color: black;
        text-decoration: none;
      }

      /* Styles for sidebar */
      div.sidebar {
        top: 0px;
        position: fixed;
        width: 150px;
        height: 90vh;
      }
      div.sidebarcell {
        position: relative;
        left: -145px;
        width: 99%;
        height: 40px;
        border: 1px solid #4A235A;
        margin-bottom: 5px;
        margin-top: 5px;
        background-color: #F4ECF7;
        border-radius: 5px;
      }
      div.sidebarcell:hover {
        box-shadow: inset 0 0 0 2px #4A235A;
      }
      p.cell {
        margin: 10px 0px 0px 10px;
        font-size: 120%;
        color: black;
        text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);

      }


      div.wrapper {
        margin: 5px;
        height: 95vh;
        width: 95vw;
      }

      /* Header */
      div.header {
        height: 60px;
        width: 400px;
        position: relative;
        left: 26vw;
        padding: 10px;
      }
      h1 {
        font-family: 'Merriweather', serif;
      }

      /* About me intro paragraph styles*/
      div.intro {
        height: calc(~"600px - 40vw");
        width: 1000px;
        position: relative;
        left: 200px;
        background-color: #F8F9F9;
        padding: 10px;
        border-radius: 3px;
        min-height: 300px;
      }
      p.introtext {
        text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
        margin: 2px;
        line-height: 140%;
      }

      .atab {
        overflow-y: auto;
      }