/******* Customized Bootstrap ********/

$primary: #6222CC;
$secondary: #FBA504;
$light: #F6F4F9;
$dark: #04000B;

$font-family-base: 'Heebo', sans-serif;

$headings-font-family: 'Jost', sans-serif;

$body-bg: $light;

$body-color: #726D7B;

$headings-color: $dark;

$display-font-weight: 700;

$enable-responsive-font-sizes: true;

$border-radius: 10px;

$link-decoration: none;

$enable-negative-margins: true;

@import "bootstrap/scss/bootstrap";


.home-shape .shape1 {
    position: absolute;
    top: 77%;
    left: 2%;
    -webkit-animation: rotaed360 6s infinite linear;
            animation: rotaed360 6s infinite linear;
  }
  
  .home-shape .shape2 {
    position: absolute;
    top: 25%;
    left: 1%;
    -webkit-animation: animationFramesOne 15s linear infinite;
            animation: animationFramesOne 15s linear infinite;
  }
  
  .home-shape .shape3 {
    position: absolute;
    top: 17%;
    left: 10%;
  }
  
  .home-shape .shape4 {
    position: absolute;
    top: 45%;
    left: 45%;
    -webkit-animation: animationFramesOne 10s linear infinite;
            animation: animationFramesOne 10s linear infinite;
  }
  
  .home-shape .shape5 {
    position: absolute;
    bottom: 10%;
    left: 45%;
    -webkit-animation: animationFramesOne 15s linear infinite;
            animation: animationFramesOne 15s linear infinite;
  }
  
  .home-shape .shape6 {
    position: absolute;
    top: 15%;
    right: 50%;
    -webkit-animation: animationFramesOne 15s linear infinite;
            animation: animationFramesOne 15s linear infinite;
  }