/* Style the tab */
.tab {
	overflow: hidden;
    width: 990px;
    padding: 20px;
    height: 20px;
    text-align: center;
    margin-top: 20px;
	color: var(--white);
	font-weight: bold;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    border: none;
    outline: none;
    cursor: pointer;
    background: none;
    transition: 0.3s;
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 3px;
    color: var(--link);
    text-align: center;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: var(--hover);
}

/* Create an active/current tablink class */
.tab button.active {
    color: var(--hover);
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

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