/* global styles */

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Inter', sans-serif;
  line-height: var(--bs-body-line-height);
  color: var(--bs-white);
  background-color: var(--bs-black);
}

a {
  text-decoration: none;
  color: inherit;
}

/* Addtional styles */

.hired-paper {
  height: 10rem;
}

.hero-mascot {
  height: 10rem;
}

.review-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

.accordion-button {
  font-size: 1.5rem;
}

.accordion-body {
  color: white;
}

.accordion {
  --bs-accordion-color: var(--bs-primary);
  --bs-accordion-bg: transparent;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-primary);
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%280, 102, 82.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 255, 206, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary);
  --bs-accordion-active-bg: transparent;
}

.bg-pattern {
  background: url('../images/bg-pattern.png') no-repeat bottom;
  background-size: 100%;
}

.text-orange {
  color: rgb(255, 164, 107);
}

.border-gray {
  border-color: #808080 !important;
}

.btn {
  font-weight: bold;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: #fff;
}

.btn-outline-primary {
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}

.text-gradient {
  background: linear-gradient(to right, #00e26a, #ce01dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-gradient,
.bg-gradient {
  background: linear-gradient(to right, #2cfd8d, #f78bff);
}

.banner-gradient {
  background: linear-gradient(45deg, #2cfd8d, #47c8ff, #f78bff);
  background-size: 200% 200%;
  animation: gradient 3s ease infinite;
}

.gradient-anim {
  background-size: 200% 200%;
  animation: gradient 3s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


/* custom classes */

.smaller {
  font-size: 0.75rem;
}

.mini {
  font-size: 0.65rem;
}

.micro {
  font-size: 0.5rem;
}

.reset-input {
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
}

.reset-input::placeholder {
  color: inherit;
  opacity: 0.5;
}

/* media classes */

@media (max-width: 1200px) {
  /* large screens */
}

@media (max-width: 992px) {
  /* medium screens */
}

@media (max-width: 768px) {
  /* small screens */
}

@media (max-width: 576px) {

}