header {
  background-image: url(../img/lev3.webp);
  background-repeat: no-repeat;
  height: 600px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

nav {
  font-size: 20px;
}

.nav-link:hover {
  background-color: #69248e;
  animation-name: pulse;
  animation-duration: 1s;
}

.navbar-brand img {
  width: 70px;
  height: 70px;
}
body {
  background-image: linear-gradient(45deg, #ba8ad5, #7d3ea0);
}
h2 {
  text-align: center;
  transition: transform 3s;
  animation-name: bounceInLeft;
  animation-duration: 3s;
}
h3 {
  text-align: center;
}
h4,
h5 {
  text-align: justify;
}
header h3 {
  font-family: "Molle";
  color: #dcbeed;
  margin-top: 40px;
  margin-right: auto;
}
.box {
  background-color: #ba8ad5;
  text-align: center;
  font-size: 18px;
  font-family: "Open Sans";
  transition: transform 3s;
  animation-name: bounceInUp;
  animation-duration: 3s;
}
.box1 {
  background-color: #ba8ad5;
  text-align: center;
  font-size: 18px;
  font-family: "Open Sans";
}

ul {
  list-style-type: none;
}
button {
  width: 250px;
  height: auto;
}
.szöveg {
  text-align: justify;
  color: #dcbeed;
}
.card-body {
  background-color: #69248e;
  color: #ffd6aa;
}
.card-header {
  color: #69248e;
}
#vissza {
  color: white;
  text-decoration: none;
}
#cím {
  font-size: larger;
}
footer {
  background-color: #7d3ea0;
}
footer ul li a {
  color: rgb(32, 30, 30);
  text-decoration: none;
}
footer ul li a:hover {
  color: #dcbeed;
  text-decoration: none;
}
.fbox {
  display: flex;
  justify-content: flex-end;
}
.fbox img {
  border-radius: 100%;
}

@media (max-width: 700px) {
  header {
    background-size: 400px;
  }
}
@media (max-width: 350px) {
  header h3 {
    color: #7d3ea0;
  }
}
/* As hex codes */

.color-primary-0 {
  color: #995eb9;
} /* Main Primary color */
.color-primary-1 {
  color: #dcbeed;
}
.color-primary-2 {
  color: #ba8ad5;
}
.color-primary-3 {
  color: #7d3ea0;
}
.color-primary-4 {
  color: #69248e;
}