/* @font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Staatliches-Regular.ttf') format('truetype');
  } */
body {
  font-family: 'Montserrat', sans-serif;
}
.main-div {
  background-image: url('../images/main-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #FFCEFE;
}
.nav-link {
  color: #655DBB;
  font-size: 20px;
  font-weight: 600;
}
.text-purple {
  color: #655DBB;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 60px;
    letter-spacing: 7px;
  }
}
.btn-pink {
  background-color: #FFCEFE;
  color: #655DBB;
  border-radius: 12px;
}
.btn-pink:hover {
  background-color: #f59af3;
  color: #655DBB;
  border-radius: 12px;
}
.search-section {
  background-image: url('../images/search-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
}
.box-shadoo {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
input[type="search"]::placeholder {
  opacity: .5;
}
.section-gallery {
  min-height: 100vh;
}
@media (min-width: 768px) {
  .slide-img {
    height: 300px;
  }
}
@media (max-width: 991.98px) {
  .bg-nav-blue {
    background-color: #ACB1D6;
  }
}
.main-about {
  background-image: url('../images/about-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
}
.follow-us {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.text-pink {
  color: #FF00FF;
}
.card-height {
  min-height: 231px;
}
.main-tutorial {
  min-height: 100vh;
  background: rgb(255,206,254);
background: linear-gradient(90deg, rgba(255,206,254,1) 0%, rgba(255,206,254,1) 30%, rgba(255,255,255,1) 30%);
}
.border-b {
  border-bottom: 1px solid #655DBB !important;
}
.card-pinkish {
  background-color: #FFCEFE;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bg-material {
  background-image: url('../images/material-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
}
.card-content {
  border: 1px solid #ACB1D6;
  color: #ACB1D6;
  width: fit-content;
  min-width: 250px;
}
.light-text {
  color: #B7BBDB;
}