@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto&display=swap');

/* font-family: 'Bebas Neue', cursive;
font-family: 'Roboto', sans-serif; */

body{
  font-family: 'Roboto', sans-serif;
}

:root{
  --primaryColor: #FA804C;
  --secondaryColor: #363958;
  --paragraphColor: #3E3E3E;
  --btnBackground-1: #3D4FF3;
  --btnBackground-2: #3543BC;
}

.header-color{
  background-color: #FFF9F4;
}
.custom-cover{
  height: 31.25rem;
}
.custom-carousel{
  padding: 6.125rem 0;
}
.custom-header{
  font-family: 'Bebas Neue', cursive;
}
.custom-primary{
  color: var(--primaryColor);
}
.custom-secondary{
  color: var(--secondaryColor);
}
.custom-paragraph{
  color: var(--paragraphColor);
}
.custom-btn{
  background: linear-gradient(180deg, var(--btnBackground-1), var(--btnBackground-2));
  border: 2px solid transparent;
  color: white;
}
.custom-btn:hover{
  background: transparent;
  border-color: var(--btnBackground-2);
  color: var(--btnBackground-2);
}
.custom-card-img{
  height: 23.125rem;
}
.custom-accordion-img{
  width: 2.5rem;
}
.custom-margin-top{
  margin-top: 6.25rem;
}

.fa-instagram{
  color: #803EB5;
}
.fa-twitter{
  color: #00A6E5;
}
.fa-snapchat{
  color: #a7a40a;
}
.fa-youtube{
  color: #F60002;
}
.social-icon a i:hover{
  color: var(--btnBackground-2);
}