@import url("https://fonts.googleapis.com/css2?family=Andika&family=Roboto+Slab&family=Itim&display=swap");
/* line 5, top-section.scss */
.top-section .banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(85%);
          filter: brightness(85%); }
/* line 14, top-section.scss */
.top-section .down-icon {
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center; }
  /* line 20, top-section.scss */
  .top-section .down-icon img {
    width: 90px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    /* line 24, top-section.scss */
    .top-section .down-icon img:hover {
      -webkit-transform: translateY(30px);
              transform: translateY(30px); }
/* line 30, top-section.scss */
.top-section .promo {
  font-family: "Itim", cursive;
  position: absolute;
  top: 50%;
  left: 30%;
  text-align: center;
  -webkit-animation-name: grow;
          animation-name: grow;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transform: scale(0);
          transform: scale(0); }
  /* line 42, top-section.scss */
  .top-section .promo a {
    color: #c5c5c5;
    text-decoration: none; }

/* line 51, top-section.scss */
.navbar .navbar-brand {
  padding: 0;
  margin-left: 15px;
  margin-top: 10px; }
  /* line 56, top-section.scss */
  .navbar .navbar-brand img {
    width: auto;
    height: 100px; }
/* line 62, top-section.scss */
.navbar .nav-link {
  padding: 15px !important;
  color: #c5c5c5;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px; }
  /* line 68, top-section.scss */
  .navbar .nav-link .hover-effect {
    background-color: #F17300;
    width: 100%;
    height: 5px;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease; }
  /* line 76, top-section.scss */
  .navbar .nav-link:hover {
    color: #F17300; }
  /* line 80, top-section.scss */
  .navbar .nav-link:hover > .hover-effect {
    -webkit-transform: scaleX(100%);
            transform: scaleX(100%); }

/* line 86, top-section.scss */
.menu-body {
  background-color: #ededed; }

/* line 92, top-section.scss */
.skewed-section .skewed-img {
  position: relative;
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
  width: 100%;
  height: 270px;
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  -o-object-fit: cover;
     object-fit: cover; }
/* line 102, top-section.scss */
.skewed-section .skewed-content {
  position: absolute;
  top: 0;
  width: 100%; }

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

/*# sourceMappingURL=top-section.css.map */