/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, samp, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, table, caption, tbody,
figure, figcaption, footer, header, 
menu, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/* font-family: "Libre Baskerville", Georgia, Times, "Times New Roman", serif; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* heaings */
h1, h2, h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
  font-weight: 400;
  margin-bottom: 10px; 
}

h3 {
  font-weight: 400;
  font-size: 0.9em;
}

/* Style the tab */
.tab {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    border-radius: 5px 5px 0px 0px;
    outline: none;
    cursor: pointer;
    min-width: 80px;
    padding: 10px 20px;
    margin-right: 5px; 
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    /* background-color: #ccc; */
    font-weight: 800;
    border-bottom: 2px solid black; 
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: 1px solid #ccc;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
  }

  /* .tabcontent.active {
    display: block;
  } */

  /* Go from zero to full opacity */
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }