@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Marvel:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tillana:wght@400;500;600;700;800&display=swap");

@font-face {
  font-family: "IRON MAN OF WAR 002 NCV";
  src: url("/fonts/IRONMANOFWAR002NCV.eot");
  src: url("/fonts/IRONMANOFWAR002NCV.eot?#iefix") format("embedded-opentype"),
    url("/fonts/IRONMANOFWAR002NCV.woff2") format("woff2"),
    url("/fonts/IRONMANOFWAR002NCV.woff") format("woff"),
    url("/fonts/IRONMANOFWAR002NCV.ttf") format("truetype"),
    url("/fonts/IRONMANOFWAR002NCV.svg#IRONMANOFWAR002NCV") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "IRON MAN OF WAR 002 NCV", cursive;
}

/* .nav-bg {
  background-image: url(/images/dot_texture.jpg);
  background-repeat: repeat-x;
  
} */

.nav-item {
  border-width: 3px;
  border-color: transparent;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.nav-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(216 75 53 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(241 206 46 / var(--tw-text-opacity));
  border-width: 3px;
  border-color: black;
}
.nav-item-selected {
  --tw-text-opacity: 1;
  --tw-bg-opacity: 1;
  color: rgb(241 206 46 / var(--tw-text-opacity));
  background-color: rgb(216 75 53 / var(--tw-bg-opacity));
  border-width: 3px;
  border-color: black;
}

input,
textarea {
  background-color: transparent;
  border: solid 3px black;
  padding: 0.5rem;
  color: black;
  border-radius: 6px;
  width: 100%;
  display: block;
  margin-top: 0.25rem;
  resize: none;
}

input:focus,
textarea:focus {
  border: #ffb719 solid 2px;
  outline: none;
}
input,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}

.service-item {
  cursor: pointer;
  border: 2px solid #1a2039;
}
.service-item:hover {
  border: 2px solid #ffb719;
  background-color: #ffb719;
}

.active-service {
  border: 2px solid #ffb719;
  background-color: #ffb719;
}