.header-main__heading {
    color: #69eb93ff !important;
}

.header-main__link {
    color: #9b12dfff !important;
}

.header-main__link:hover {
    outline: 3px dotted #69eb93ff !important;
}

.form {
    background-color: #69eb93ff !important;
}

@media only screen and (min-width: 600px) {
    .form--search {
        max-width: 35em;
        text-align: center;
    }
}

:root {
    --color_purple: #9b12dfff;
    --color_green: #69eb93ff;
    --color_green2: #1b6a3e;
    --color_black: #320a46ff;
}

.form__btn-submit {
    border: 2px solid var(--color_purple) !important;
    color: var(--color_purple) !important;
}

.form__btn-submit:hover {
    background-color: var(--color_purple) !important;
    color: var(--color_green) !important;
}

.form__input::placeholder {
    color: var(--color_purple) !important;
}

.nav-main__link {
    color: var(--color_green) !important;
}

.nav-main__link:hover {
    outline: 3px dotted var(--color_purple) !important;
}

.nav-main {
    background-color: var(--color_black) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color_green2) !important;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: elephant !important;
    /* font-size: large; */
}

p {
    /* font-size: larger; */
}

img {
    max-width: 100% !important;
    height: auto !important; 
}

/* nav tag */
.nav-main {
    /* display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 20px !important;
  position: relative !important; */
}

/* ul tag */
.nav-main__level {
    /* list-style: none !important;
  display: flex !important; */
}

/* li tag */
.nav-main__item {
    /* margin-left: 20px !important; */
}

@media (max-width: 768px) {
    .navbar-toggle {
      /* display: block !important; */
    }
  
    .main-nav {
      /* display: none !important;
      flex-direction: column !important;
      width: 100% !important;
      position: absolute !important;
      top: 60px !important;
      left: 0 !important; */
    }
  
    .main-nav li {
      /* margin: 0 !important; */
    }
  
    .main-nav li:first-child {
      /* border-top: none !important; */
    }
  
    .main-nav.show {
      /* display: flex !important; */
    }
  }