@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --primary-color: #45eb8c;
  --primary-color-hover: #228c4f;
  --light-color: #85f6b5;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  caret-color: transparent;
  background-color: #000!important;
  font-family: 'Montserrat', sans-serif;
}

.navbar {
  background-color: #000!important;
  height: 5rem;
}

/*.logo-navbar {
  height: 3.8rem;
  width: 3.3rem;
}*/

.logo-navbar {
  height: 3rem;
  width: 2.8rem;
}

.nav-link {
  font-size: 1.35rem;
  color: #fff!important;
}

.dropdown-menu {
  margin-top: 1rem;
  background-color: #000;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  color: #fff;
}

.dropdown-item {
  color: #fff;
  transition: .6s;
}

.dropdown-item:hover {
  color: #000;
  background-color: var(--primary-color);
}

.nav-item:hover {
  cursor: pointer;
}

.dropdown-toggle::after {
  color: var(--primary-color);
}

.test-link {
  width: 12rem;
  margin: .4rem 0 0 .5rem;
  text-align: center;
}

.test-free {
  border-radius: 30px;
  padding: 0;
  color: #000!important;
  background-color: var(--primary-color);
  transition: .6s;
}

.test-free:hover {
  cursor: pointer;
  background-color: #64e99d;
  box-shadow: 0 0 10px #64e99d, 0 0 30px #64e99d,  0 0 60px #64e99d;
}

.animate__shakeX {
  animation: shakeX;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
}

.hide-up-button {
  display: none;
}

.topButton {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 20px;
  background-color: var(--primary-color);
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0px 2px 9px 2px rgba(0,0,0,0.75);
  z-index: 9999;
}

.topButton:hover {
  cursor: pointer;
}

@media (min-width: 991px) {

  .navbar-options {
    display: flex!important;
    justify-content: flex-end!important;
    align-items: flex-end!important;
  }

}

@media (max-width: 990px) {

  .navbar-nav {
    width: 100%!important;
    background-color: #000;
    color: #fff;
    border-radius: 0 0 10px 10px;
  }

  .navbar-nav {
    padding: .8rem;
  }

  .navbar-options {
    z-index: 999999;
  }

  .navbar-options > ul > li {
    padding: .5em 0!important;
    border-bottom: 1px solid var(--primary-color)!important;
  }

  .navbar-options > ul > li:last-child {
    border-bottom: 0!important;
  }

  .dropdown-menu {
    margin-top: 0;
  }

  .test-link {
    margin: .4rem 0 0 0;
  }

}