@import url('https://fonts.googleapis.com/css2?family=Antic+Slab&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');

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

.landing-font {
    font-family: 'IRON MAN OF WAR 002 NCV', cursive;
    line-height: 1;
}

.body-font {
    font-family: 'Antic Slab', serif;
}

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

.nav-item {
    color: black;
    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;
}

.landing-input,
.landing-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;
    font-family: Arial, Helvetica, sans-serif;
}

.landing-input:focus,
.landing-textarea:focus {
    border: #ffb719 solid 2px;
    outline: none;
}

.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;
}