body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #444;
}
.container {
  max-width: 800px;
  margin: 0 auto;
}
ul {
  list-style: none;
  padding: 0;
}
ul li {
  display: inline-flex;
}
ul li a {
  text-decoration: none;
  color: darkgray;
  padding: 10px;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
}
ul li a:hover {
  color: gray;
}
.nav .active a {
  color: slateblue;
  border-bottom: 1px solid slateblue;
}
.nav .active a:hover {
  border-color: transparent;
  background: slateblue;
  color: white;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.github-widget{
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
/* // body {
//   width: 100%; */
  /* font-family: Montserrat, sans-serif;
  margin: 0;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh; */
/* // }

// h1 {
//   /* text-align: center; */
/* //   font-family: 'Montserrat', sans-serif;
//   /* font-size: 53px; */
 /* }

// .container{
//   max-width: 800px;
//   margin: 0 auto;
// }
 */
/* // ul {
//   list-style: none;
//   padding: 0;
  
//   li {
//     display: inline-flex;
    
//     a {
//       text-decoration: none;
//       color: darkgray;
//       padding: 10px;
//       transition: all .3s ease-in-out;
//       border-bottom: 1px solid transparent;
//       &:hover {
//         color: gray;
//       }
//     }
//   }
// }

// .nav .active a { 
//   color: slateblue; 
//   border-bottom: 1px solid slateblue;
//   &:hover {
//     border-color: transparent;
//     background: slateblue;
//     color: white;
//   }
// }

// .tab-pane { 
//   display: none;
// }

// .tab-pane.active { 
//   display: block; 
// } */ 
/* .projects {
  list-style-type: none;
  padding: 0;
  margin-bottom: 20px;
}

.tab {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  background-color: lightpink;
  align-items: center;
  justify-content: center;
}

.tab-content {
  display: none;
  /* padding: 10%; */
  /* background-color: lightblue;
  color: #fff
}  */