* {
  box-sizing: border-box
}

/* Set height of body and the document to 100% */
body,
html {
  height: 100%;
  margin: 0;
  font-family: Arial;
}

.padding {
  padding-bottom: 2rem;
}

/* Style tab links */
.tablink {
  background-color: rgb(240, 243, 245);
  color: rgba(249, 250, 249, 0.884);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  font-size: 17px;
  width: 25%;
}

.tablink:hover {
  background-color: rgb(119, 119, 119);
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  /* color: white; */
  display: none;
  padding: 100px 20px;
  /* height: 100%; */
}


.carousel-inner img {
  height: 400px;
  width: 100%;
}

.carousel-item {
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}