body {
  position: relative;
}

.col-sm-4 {
  margin-bottom: 13px;
}
h2 {
  color: #baa88c;
  margin-top: 140px;
}
p {
  text-align: center;
}

.hey h2 {
  margin: 50px;
}

#contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  text-align: center;
}

#contact p {
  margin-top: 7px;
  font-size: 19px;
}

#contact #links {
  display: flex;
}

#contact #links a {
  text-decoration: none;
  color: var(--black);
  text-shadow: 1px 1px 2px rgb(69, 64, 59);
  font-size: 18px;

  padding: 5px 6px;
  white-space: nowrap;
  transition: all 0.2s linear;
}

#contact #links a:hover {
  transform: translateY(12px);
}

#contact #links a i {
  margin-right: 3px;
}

h2,
h3,
h4,
h5 {
  font-family: "Cutive Mono", monospace;
}
p {
  font-family: "Cutive Mono", monospace;
}
.navbar {
  display: flex;
  justify-content: center;
  margin: 10px;
  list-style: none;
  padding: 0px;
  position: relative;
  height: 90px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  font-size: 15px;
  margin-bottom: 0px;
}

.navbar :hover {
  font-size: 20px;
}
.tlo2 {
  background-color: #2e2e32;
}
.tlo2 h1 {
  color: #feb1bd;
  text-align: center;
}
.tlo2 p {
  color: #ffffff;
}
.tlo3 {
  background-color: #ffffff;
}
.tlo3 h1 {
  color: #fdcec0;
  text-align: center;
}
.tlo3 p {
  color: rgb(0, 0, 0);
  margin: 15px;
}
.tlo4 {
  background-color: #2e2e32;
}
.tlo4 h1 {
  color: #feb1bd;
  text-align: center;
}

.tlo5 {
  background-color: #f9c7ce;
}
.tlo5 h1 {
  color: #000000;
  text-align: center;
}
.tlo5 h2 {
  color: white;
}
.tlo5 p {
  color: #000000;
}
.tlo6 {
  background-color: rgb(255, 255, 255);
}
.tlo6 h1 {
  color: #feb1bd;
  text-align: center;
}

.tlo7 {
  background-color: #a5a5a5;
}
.tlo7 h1 {
  color: white;
  text-align: center;
}
.tlo7 h2 {
  color: rgb(255, 255, 255);
}
.tlo7 a {
  color: #feb1bd;
}
.tekst {
  float: left;
  position: relative;
  text-align: left;
}
.circle1 {
  background: radial-gradient(
    circle,
    rgb(190, 154, 81) 27%,
    rgb(255, 146, 193) 84%
  );
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 15px;
  justify-content: center;
}
.circle1 h3 {
  font-size: 15px;
  justify-content: center;
  text-align: center;
  margin-top: 8px;
}
.circle1 h2 {
  color: black;
  font-size: 17px;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}

.circle2 {
  background: radial-gradient(circle, rgb(251, 236, 202) 27%, rgb(0, 0, 0) 84%);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 15px;
  justify-content: center;
}
.circle2 h3 {
  font-size: 15px;
  justify-content: center;
  text-align: center;
  margin-top: 8px;
  color: black;
}
.circle2 h2 {
  color: black;
  font-size: 17px;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}

.circle3 {
  background: radial-gradient(
    circle,
    rgb(243, 123, 149) 27%,
    rgb(196, 169, 114) 84%
  );
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 15px;
  justify-content: center;
}
.circle3 h3 {
  font-size: 15px;
  justify-content: center;
  text-align: center;
  margin-top: 8px;
  color: rgb(0, 0, 0);
}
.circle3 h2 {
  color: black;
  font-size: 17px;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}

.kolo1 {
  justify-content: center;
  text-align: center;
}

.heart {
  margin: 80px auto 30px auto;
  max-width: 150px;
  display: block;
  -webkit-animation: heart 1500ms linear infinite both;
  animation: heart 1500ms linear infinite both;
}
@-webkit-keyframes heart {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.47% {
    -webkit-transform: matrix3d(
      1.796,
      0,
      0,
      0,
      0,
      1.796,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.796, 0, 0, 0, 0, 1.796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.6% {
    -webkit-transform: matrix3d(
      1.991,
      0,
      0,
      0,
      0,
      1.991,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.991, 0, 0, 0, 0, 1.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.74% {
    -webkit-transform: matrix3d(
      1.763,
      0,
      0,
      0,
      0,
      1.763,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.763, 0, 0, 0, 0, 1.763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.81% {
    -webkit-transform: matrix3d(
      1.407,
      0,
      0,
      0,
      0,
      1.407,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.95% {
    -webkit-transform: matrix3d(
      1.136,
      0,
      0,
      0,
      0,
      1.136,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.136, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.02% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.29% {
    -webkit-transform: matrix3d(
      1.047,
      0,
      0,
      0,
      0,
      1.047,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.047, 0, 0, 0, 0, 1.047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.7% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.97% {
    -webkit-transform: matrix3d(
      1.002,
      0,
      0,
      0,
      0,
      1.002,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes heart {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.47% {
    -webkit-transform: matrix3d(
      1.796,
      0,
      0,
      0,
      0,
      1.796,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.796, 0, 0, 0, 0, 1.796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.6% {
    -webkit-transform: matrix3d(
      1.991,
      0,
      0,
      0,
      0,
      1.991,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.991, 0, 0, 0, 0, 1.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.74% {
    -webkit-transform: matrix3d(
      1.763,
      0,
      0,
      0,
      0,
      1.763,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.763, 0, 0, 0, 0, 1.763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.81% {
    -webkit-transform: matrix3d(
      1.407,
      0,
      0,
      0,
      0,
      1.407,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.95% {
    -webkit-transform: matrix3d(
      1.136,
      0,
      0,
      0,
      0,
      1.136,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.136, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.02% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.29% {
    -webkit-transform: matrix3d(
      1.047,
      0,
      0,
      0,
      0,
      1.047,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.047, 0, 0, 0, 0, 1.047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.7% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.97% {
    -webkit-transform: matrix3d(
      1.002,
      0,
      0,
      0,
      0,
      1.002,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

h1 {
  font-family: "Herr Von Muellerhoff", cursive;
  font-size: xx-large;
}
h2,
h3,
h4,
p,
a {
  font-family: "Cinzel", serif;
}
.tlo2 h2 {
  color: #feb1bd;
}