@import url("https://fonts.googleapis.com/css2?family=Ballet&family=Brygada+1918:wght@700&family=Istok+Web:ital@1&display=swap");

body {
  background-color: black !important;
  padding-left: 5px;
  padding-right: 5px;
}

.welcome {
  background-image: url("../images/banner3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 930px;
}

.fab {
  color: white;
}

.nav-item a {
  font-weight: bold;
  font-size: 20px;
}

.animate__animated.animate__fadeInRight {
  --animate-duration: 2s;
}

.contact-form {
  background: #fff;
  margin-top: 10%;
  margin-bottom: 5%;
  width: 70%;
}
.contact-form .form-control {
  border-radius: 1rem;
}
.contact-image {
  text-align: center;
}
.contact-image img {
  border-radius: 6rem;
  width: 11%;
  margin-top: -3%;
  transform: rotate(29deg);
}
.contact-form form {
  padding: 14%;
}
.contact-form form .row {
  margin-bottom: -7%;
}
.contact-form h3 {
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #0062cc;
}
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: 1rem;
  padding: 1.5%;
  background: #dc3545;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.btnContactSubmit {
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}