.tab {overflow: hidden;margin:0px;}
.tab .tablinks {
  /* background-color: inherit; */
  background-color:#EBEBEB;
  float: left;border: none;outline: none;cursor: pointer;padding:7px;
  transition: 0.3s;border:1px solid #ccc;border-bottom:0;margin:0 2px 0px 0;
  text-decoration:none;
}
.tab .tablinks:hover {background-color: #DCDCDC;}
.tab .tablinks.active {background-color: #FFFF99;}
.tabcontent {display: none;padding:3px 5px;border: 1px solid #ccc;background-color: #fff;}
.tabcontent.active {display: block;background-color: #FFFF99;}
.tabcontent {animation: fadeEffect 1s;}
/* Go from zero to full opacity */

@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}